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

change background colour side margins

 
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)
 
Thread Tools Search this Thread
  #1  
Old 04-21-2016, 06:21 AM
 
Noodl3s Noodl3s is offline
 

Advanced Member
  
Join Date: Jul 2011
Posts: 57
 

Default change background colour side margins

Hello
I am trying to change the background colour on v5,2,13 with the digital theme, i can change the background at the top and middle of the page but am left with 2 black margins either side of the product area, does anyone know what class or div etc is required to change these sections.

help appreciated
__________________
X-cart 4.4.3
Reply With Quote
  #2  
Old 04-21-2016, 07:27 AM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 161
 

Default Re: change background colour side margins

Quote:
Originally Posted by Noodl3s
Hello
I am trying to change the background colour on v5,2,13 with the digital theme, i can change the background at the top and middle of the page but am left with 2 black margins either side of the product area, does anyone know what class or div etc is required to change these sections.

help appreciated

I find the "Inspect Element" "right-click" option in Chrome to be helpful in locating classes and attributes for specific elements when wanting to change CSS.
Have you tried that?
__________________
X-Cart Business 5.4.1.29
Reply With Quote
  #3  
Old 04-21-2016, 07:46 AM
 
Noodl3s Noodl3s is offline
 

Advanced Member
  
Join Date: Jul 2011
Posts: 57
 

Default Re: change background colour side margins

I have tried that and webmaster mode but cant pinpoint the class/div or maybe it is my nomenclature that is at fault if I want to change the background for the main-wrapper div for instance would the code be:

.main-wrapper {background-color:#669933;}
__________________
X-cart 4.4.3
Reply With Quote
  #4  
Old 04-21-2016, 07:49 AM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 161
 

Default Re: change background colour side margins

Quote:
Originally Posted by Noodl3s
I have tried that and webmaster mode but cant pinpoint the class/div or maybe it is my nomenclature that is at fault if I want to change the background for the main-wrapper div for instance would the code be:

.main-wrapper {background-color:#669933;}

What's your sites URL?
__________________
X-Cart Business 5.4.1.29
Reply With Quote
  #5  
Old 04-21-2016, 07:56 AM
 
Noodl3s Noodl3s is offline
 

Advanced Member
  
Join Date: Jul 2011
Posts: 57
 

Default Re: change background colour side margins

thanks for your help, you can see the black margins here:

http://giftsandcraftsireland.com/xcart
__________________
X-cart 4.4.3
Reply With Quote
  #6  
Old 04-21-2016, 08:06 AM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 161
 

Default Re: change background colour side margins

Quote:
Originally Posted by Noodl3s
thanks for your help, you can see the black margins here:

http://giftsandcraftsireland.com/xcart

So this is odd. I have never seen this before.
It looks like it's the html tag being targeted for that.
See attached.
Attached Thumbnails
Click image for larger version

Name:	giftsandcraftsireland.jpg
Views:	113
Size:	371.4 KB
ID:	4531  
__________________
X-Cart Business 5.4.1.29
Reply With Quote
  #7  
Old 04-21-2016, 08:08 AM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 161
 

Default Re: change background colour side margins

And then when I turn that style off...voila
Attached Thumbnails
Click image for larger version

Name:	giftsandcraftsireland2.jpg
Views:	108
Size:	332.5 KB
ID:	4532  
__________________
X-Cart Business 5.4.1.29
Reply With Quote
  #8  
Old 04-21-2016, 08:18 AM
 
Noodl3s Noodl3s is offline
 

Advanced Member
  
Join Date: Jul 2011
Posts: 57
 

Default Re: change background colour side margins

ok so a style sheet entry is overriding the custom css change I have made to body background but where is it?
__________________
X-cart 4.4.3
Reply With Quote
  #9  
Old 04-21-2016, 08:23 AM
 
Noodl3s Noodl3s is offline
 

Advanced Member
  
Join Date: Jul 2011
Posts: 57
 

Default Re: change background colour side margins

ok found the problem, I had to change the background colour in the digital themes css and .less files and that has done the trick, thanks for your help

xcart/skins/default/en/modules/XC/ColorSchemes/Digital/style.css
xcart/skins/default/en/modules/XC/ColorSchemes/Digital/style.less
__________________
X-cart 4.4.3
Reply With Quote
  #10  
Old 04-21-2016, 08:37 AM
 
BrandonLR BrandonLR is offline
 

Senior Member
  
Join Date: Jan 2009
Posts: 161
 

Default Re: change background colour side margins

Quote:
Originally Posted by Noodl3s
ok found the problem, I had to change the background colour in the digital themes css and .less files and that has done the trick, thanks for your help

xcart/skins/default/en/modules/XC/ColorSchemes/Digital/style.css
xcart/skins/default/en/modules/XC/ColorSchemes/Digital/style.less

Okay cool. I wasn't able to see those files in the document tree using Inspect Element- I can only see the images in there.
Glad you figured it out.
__________________
X-Cart Business 5.4.1.29
Reply With Quote
Reply
   X-Cart forums > X-Cart 5 > Dev Questions (X-Cart 5)



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may 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 05:14 AM.

   

 
X-Cart forums © 2001-2020