X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)
-   -   change background colour side margins (https://forum.x-cart.com/showthread.php?t=73869)

Noodl3s 04-21-2016 06:21 AM

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

BrandonLR 04-21-2016 07:27 AM

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?

Noodl3s 04-21-2016 07:46 AM

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;}

BrandonLR 04-21-2016 07:49 AM

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?

Noodl3s 04-21-2016 07:56 AM

Re: change background colour side margins
 
thanks for your help, you can see the black margins here:

http://giftsandcraftsireland.com/xcart

BrandonLR 04-21-2016 08:06 AM

Re: change background colour side margins
 
1 Attachment(s)
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.

BrandonLR 04-21-2016 08:08 AM

Re: change background colour side margins
 
1 Attachment(s)
And then when I turn that style off...voila

Noodl3s 04-21-2016 08:18 AM

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?

Noodl3s 04-21-2016 08:23 AM

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

BrandonLR 04-21-2016 08:37 AM

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.


All times are GMT -8. The time now is 03:28 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.