- 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.
- 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
I'm looking to add a background image in my header too in version 4.xx
[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.
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 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.
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;
}
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;