How to change top BG image to fit the logo size

Store Builder Questions
1

Hi,



I’m new to cs-cart. I’m trying to add a logo which is slightly bigger than it should be. Could you guys show me how to adjust the background image so its will fit with the logo?



I’ve include an image to make it easier to understand.



Thank you in advance.



Regards,



Andy

bg-image-problem.jpg

2

Hi, post the URL of your cart.

3

the url to the cart is www.mmcs.com.au



Thank you.

4

Hi, you will have to find this image in “images/top_bg.gif” and change the high of the image to 109px, but I would remove it completelly from /skins/default_orange/customer/styles.css - line 355



from:



#header {





background: url(“images/top_bg.gif”) repeat-x scroll left top #FEFEFE;



to:





#header {





background: #FFFFFF;

5

Hi, thank you for your help. I will remove it. Hope it will look much better.



Thank you.

6

I see your skin has changed sine you posted but you can make your logo image to just 91px high to remove the gap between the tabs.



John

7

that’s is exactly not what I want. :-( is there a way to adjust it or not?

8

Yes, just change your logo image size to be 270 x 91px high then re upload it at the smaller size



John

9

Just change the css /skins/toy_store/customer/styles.css, line 477 from:





#top_menu {





clear: right;

padding: 55px 18px 0 0;

text-align: right;

}



to:





#top_menu {





clear: right;

padding: 75px 18px 0 0;

text-align: right;

}

10

[quote name='johnbol1' timestamp='1327162537' post='129707']

Yes, just change your logo image size to be 270 x 91px high then re upload it at the smaller size



John

[/quote]



he doesn't want to change the logo…

11

I'm new with cs-cart but you might try playing with the padding in the #top-menu style





#top_menu {





clear: right;

padding: 55px 18px 0 0;

text-align: right;

}





maybe making the top padding 74-75px or so. So it would be







#top_menu {





clear: right;

padding: 74px 18px 0 0;

text-align: right;

}

12

just back from work, thank you indy0077, i’ll try it later on. :grin:

13

I've just adjust it, but i didn't work quite well, i've upload and circled the errors, hopefully you guy can help me out.



thank you

web-bug.jpg

14

Hi, the design looks ok in FF 4.0.1 and IE 7. The problem will be in the browser you are using - the only way will be to play with the css file.

15

Oop sorry indy0077, I had left the browser window open so I could come back to reply to this thread later when I had time and didn't think to refresh before replying to see if there were any new posts.

16

thank you indy0077, i’m using chrome. i’ll try to play with the css, :grin: