Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Need Help - Header Background Image And Product Photo Container Issue Rate Topic   - - - - -

 

Posted 08 July 2014 - 08:50 PM #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

 
  • foundation
  • Junior Member
  • Members
  • Join Date: 19-May 08
  • 27 posts

Posted 29 July 2014 - 08:10 PM #2

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

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19593 posts

Posted 30 July 2014 - 07:06 AM #3

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


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

http://demo.cs-cart....h=themes.manage

Hope that helps.

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • richardfmm
  • Senior Member
  • Trial users
  • Join Date: 20-Apr 12
  • 240 posts

Posted 02 September 2014 - 04:01 PM #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.

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 19593 posts

Posted 03 September 2014 - 07:50 AM #5

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.


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

GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 
  • richardfmm
  • Senior Member
  • Trial users
  • Join Date: 20-Apr 12
  • 240 posts

Posted 03 September 2014 - 10:10 AM #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;
}

 
  • ibaker
  • Senior Member
  • Members
  • Join Date: 23-Oct 06
  • 270 posts

Posted 01 November 2014 - 12:54 AM #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;