Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Changing background color

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 12-02-2008, 12:32 AM
 
swifty1 swifty1 is offline
 

eXpert
  
Join Date: Aug 2008
Location: UK
Posts: 327
 

Default Changing background color

One quick question How do you change the background colour that is outside of your page templates ie. as is the outer colour red to the left and right of the following web site http://www.gleniboutique.com/.
__________________
4.1.11 gold
x-special offers
CDSEO Pro
Reply With Quote
  #2  
Old 12-02-2008, 12:42 AM
  Victor D's Avatar 
Victor D Victor D is offline
 

X-Adept
  
Join Date: Aug 2008
Posts: 643
 

Default Re: changing template

In skin1.css
HTML Code:
HTML, BODY{ background: #a5070d url(images/mybg.gif) left top repeat-x; } TABLE.Container{ background-color: #fff; }
if there is no need to attach image
HTML Code:
HTML, BODY{ background-color: #a5070d; } TABLE.Container{ background-color: #fff; }
also there are two gradients by the table side
you may need to add two extra rows wrapping TD.Container in rectangle_top.tpl for them
(and not to forget to close them in rectangle_bottom.tpl)
__________________
Regards,
Victor Dubiniuk

X-Cart Skins Store
- twenty two different skins for 4.1.x and 4.2.x;
- 4.3.x compatible versions are available;
- refresh you store now!

Smart menu X-Cart add-on for 4.1.8 - 4.3.x
Featured Products Slide Show X-Cart add-on for 4.1.8 - 4.3.x
Reply With Quote
  #3  
Old 12-02-2008, 03:21 AM
 
swifty1 swifty1 is offline
 

eXpert
  
Join Date: Aug 2008
Location: UK
Posts: 327
 

Default Re: changing template

Thanks Victor i have a left and right gradient border on my site but are unable to find these in skin1.css, are these at the top of skin1.css and what terminology do they go by as i have changed colours of various settings but unable to find they side gradients.
__________________
4.1.11 gold
x-special offers
CDSEO Pro
Reply With Quote
  #4  
Old 12-02-2008, 03:26 AM
 
balinor balinor is offline
 

Veteran
  
Join Date: Oct 2003
Location: Connecticut, USA
Posts: 30,253
 

Default Re: Skin edit

Please try not to jump on someone else's thread with your questions. Moving this to its own thread.
__________________
Padraic Ryan
Ryan Design Studio
Professional E-Commerce Development
Reply With Quote
  #5  
Old 12-02-2008, 04:19 AM
  Victor D's Avatar 
Victor D Victor D is offline
 

X-Adept
  
Join Date: Aug 2008
Posts: 643
 

Default Re: Changing background color

Gradient is an image. So you should search for "background" or "background-image" in your CSS.
If you have your skin modified there is possibly additional CSS included.

If you provide me an URL of your store the conersation would be more concrete.
__________________
Regards,
Victor Dubiniuk

X-Cart Skins Store
- twenty two different skins for 4.1.x and 4.2.x;
- 4.3.x compatible versions are available;
- refresh you store now!

Smart menu X-Cart add-on for 4.1.8 - 4.3.x
Featured Products Slide Show X-Cart add-on for 4.1.8 - 4.3.x
Reply With Quote
  #6  
Old 01-13-2009, 11:56 AM
 
ScanoGraphics.com ScanoGraphics.com is offline
 

Member
  
Join Date: Jul 2008
Posts: 15
 

Question Re: changing template

Quote:
Originally Posted by Victor D
In skin1.css
HTML Code:
HTML, BODY{ background: #a5070d url(images/mybg.gif) left top repeat-x;

I tried that and I also tried background-image but no background image is appearing, anybody who can help me out?
__________________
X-Cart 4.1.x, 4.2.x, 4.3.x en 4.4.x Met Nederlandse front- en backoffice vertaling
Nederlandse X-Cart services, vertalingen, uitbreidingen en meer: http://www.scanographics.com
Reply With Quote
  #7  
Old 01-14-2009, 08:14 AM
  gb2world's Avatar 
gb2world gb2world is offline
 

X-Wizard
  
Join Date: May 2006
Location: Austin, TX
Posts: 1,970
 

Default Re: Changing background color

I think Victor is right. This is in your css file - it is after the initial styles defined for your body at the top:
BODY {
background-image:url(images/custom/bg.gif);
background-repeat:repeat-y;
background-position:top;
background-color:#5a070d;
}
__________________
X-CART (4.1.9,12/4.2.2-3/4.3.1-2/4.4.1-5)-Gold
(CDSEO, Altered-Cart On Sale, BCSE Preorder Backorder, QuickOrder, X-Payments, BCSE DPM Module)
Reply With Quote
  #8  
Old 01-14-2009, 09:15 AM
  Victor D's Avatar 
Victor D Victor D is offline
 

X-Adept
  
Join Date: Aug 2008
Posts: 643
 

Default Re: Changing background color

Did you try this on version that is written in your signature or 4.2.0?
In what directory you uploaded image?
__________________
Regards,
Victor Dubiniuk

X-Cart Skins Store
- twenty two different skins for 4.1.x and 4.2.x;
- 4.3.x compatible versions are available;
- refresh you store now!

Smart menu X-Cart add-on for 4.1.8 - 4.3.x
Featured Products Slide Show X-Cart add-on for 4.1.8 - 4.3.x
Reply With Quote
  #9  
Old 01-14-2009, 11:19 AM
  gb2world's Avatar 
gb2world gb2world is offline
 

X-Wizard
  
Join Date: May 2006
Location: Austin, TX
Posts: 1,970
 

Default Re: Changing background color

Hi Victor -

I think the problem is that their css files defines style for the body three times and they may be updating the first one, then it gets overridden by third one.
__________________
X-CART (4.1.9,12/4.2.2-3/4.3.1-2/4.4.1-5)-Gold
(CDSEO, Altered-Cart On Sale, BCSE Preorder Backorder, QuickOrder, X-Payments, BCSE DPM Module)
Reply With Quote
  #10  
Old 01-15-2009, 12:25 AM
  Warwick's Avatar 
Warwick Warwick is offline
 

X-Adept
  
Join Date: Mar 2003
Location: Somewhere on the web through European connection
Posts: 868
 

Default Re: Changing background color

You have lost me, I'm trying to get the Table container less wide, with that I succeed, but it also needs to be centered, no success with that, only left alignment. And I would like to get a background image showing. Attached you'll find my css, any help is appreciated, I'm lost ...
Attached Files
File Type: zip my_style.zip (3.9 KB, 153 views)
__________________
Installs: X-Cart 4.1.x - 4.4.x ∙∙ MySQL version: 5.0.45 ∙∙ Apache version: 2.2.8 (Unix) ∙∙ PHP version: 5.25
X-Cart add-ons: all ∙∙ Mods: A lot; too many ∙∙ Skin templates: Many
∙∙ Experience: Somewhere beyond newbie
-----------------------------------
------------------------------------------------------------------------------------------------------
Looking for the best dutch language pack? 4.1.x - 4.6.x compatibel, native speaker translation! More info
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 12:20 AM.

   

 
X-Cart forums © 2001-2020