X-Cart forums - Logo pain! Ideal responsive template

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Logo pain! Ideal responsive template (https://forum.x-cart.com/showthread.php?t=68668)

Creative3000

02-16-2014 05:50 PM

Logo pain! Ideal responsive template

Hi All,

I have a larger height logo, I followed the help instructions to change the CSS logo width and height but it is not appearing correctly, where else I need to modify files to fix this problem?

dynamicvac.com/dev

Thank you!

qualiteam

02-17-2014 01:33 AM

Re: Logo pain! Ideal responsive template

Hello!

1. First of all, increase the height of the header area to fit your logo there: find the CSS file that holds styles for "#header .line1" element and change "height: 80px" to "height: 98px" in these styles.

2. Now re-size the logo placeholder to match the width and the height of your logo. Find the CSS file that adds styles for "#header .line1 .logo a img" element and change the width from 179px to 250px, and the height from 70px to 98px:

Code:

#header .line1 .logo a img {

background: transparent url(../../skin/ideal_responsive/css/../images/main_sprites_lg.png) no-repeat left top;

width: 250px;

height: 98px;

}

3. Finally, remove the white spacing above the logo to fit it into the header section. Edit the CSS file that defines styles for "#header .line1 .logo" element and change "padding-top: 16px;" to "padding-top: 0px;".

You can tweak these styles further to add necessary spacing around the logo (if needed).

Does this help?

Creative3000

02-17-2014 08:19 AM

Re: Logo pain! Ideal responsive template

Awesome, thank you very much! That worked perfectly :)

Now I have an issue with the gift certificate image, looks like the main_sprites_lg.png is holding the logo and gift certificate both in one image, I overwrote the png file with the logo only, would be it be safe to change the file name in the allskin.css file for all gif certificate instances?

Thanks again!

qualiteam

02-17-2014 11:15 AM

Re: Logo pain! Ideal responsive template

I guess "main_sprites_lg.png" holds many other images and the gift certificate is not the only missing image on your site now.

Try to restore the original "main_sprites_lg.png" image back, upload you logo as a separate file and change the path to the logo in the "background" style for the "#header .line1 .logo a img" element (see my previous message).

vasilis

10-04-2014 03:04 PM

Re: Logo pain! Ideal responsive template

Has that technique changed for 4.6.4 version?

totaltec

10-05-2014 07:04 PM

Re: Logo pain! Ideal responsive template

Quote:

Originally Posted by vasilis

Has that technique changed for 4.6.4 version?

Yes. As of at least 4.6.3 the logo sprite image was changed. It was too difficult for beginners to change the logo. A bad decision on my part to use the sprite sheet originally.

All times are GMT -8. The time now is 11:27 AM.