X-Cart forums

[Creative3000]

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]

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:

#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]

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]

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]

Has that technique changed for 4.6.4 version?

[totaltec]

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.