Need Help - Header Background Image And Product Photo Container Issue

Multi-Vendor Questions
1
  1. Header Background



    I would like to use a background image for my header. I have attempted every CSS I know to make it work and it does not. Can anyone give me a clue as to the css needed for this?



    The image width is 400px and I would like it to repeat across the entire 1200 px header area.


  2. Product Photo Containers



    I would like my product photos to fit into the entire product photo container without a margin between the photo and the border. I have searched with Firebug and can not seem to find this CSS.



    Thank you for any assistance you are able to share with me.



    Web site URL for reference:

    http://www.thetravelingsoulmarket.com
2

I'm looking to add a background image in my header too in version 4.xx

3

[quote name='foundation' timestamp='1406664609' post='188451']

I'm looking to add a background image in my header too in version 4.xx

[/quote]



There is the default “tygh-header” class. You can extend it using the CSS section the theme Visual Editor



Instant Demo - CS-Cart Multi-Vendor Demo Try Free for 15 days



Hope that helps.

4

I can change tygh-content, tygh-footer but not the tygh-header.

Everything is change but Nothing change in the header.



What is the html for the tygh-header?

I start:

.tygh-header what is coming next for a picture?



Thx.

5

[quote name='richardfmm' timestamp='1409673673' post='191308']

I can change tygh-content, tygh-footer but not the tygh-header.

Everything is change but Nothing change in the header.



What is the html for the tygh-header?

I start:

.tygh-header what is coming next for a picture?



Thx.

[/quote]



Please specify the theme and CSS you use to change the header background.

6

In Basic theme dark_blue. only the header is not working…



.tygh-header > div {

background: url('images/header_bg.jpg') repeat-y scrol center top;

}



.tygh-content > div {

background: url('images/content_bg.jpg') repeat-y scroll center top;

}



.tygh-footer > div {

background: url('images/footer_bg.jpg') repeat-y scroll center top;

}

7

In case you haven't solved this and just gave up, I found you have to make the existing background transparent so something like:



background: transparent url('images/header_bground.jpg') repeat-x;