Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Bottom colour in side boxes

Bottom colour in side boxes

Locked

Views: 1,164

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
13 Mar 2009, 3:50 PM
#1
kersar avatar

kersar

New Zenner

Join Date:
Mar 2009
Posts:
17
Plugin Contributions:
0

Bottom colour in side boxes

Hi all :smile:

I am new to this site and this software, only downloaded it this morning, and need some help on something that is probably quite simple!

I have changed the colours of my shop successfully apart from the bottoms of the sideboxes. I have edited the css sheets to give the bottoms the colour I want but they don't change.

Can someone put me straight on what I am missing?

Cheers
Alan

13 Mar 2009, 4:02 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Bottom colour in side boxes

A link to see the problem would help.
How did you edit the color? The green at the bottom of the Classic template sideboxes is a border-bottom property.

13 Mar 2009, 4:14 PM
#3
kersar avatar

kersar

New Zenner

Join Date:
Mar 2009
Posts:
17
Plugin Contributions:
0

Re: Bottom colour in side boxes

gjh42:

A link to see the problem would help.
How did you edit the color? The green at the bottom of the Classic template sideboxes is a border-bottom property.

https://www.juals.co.uk/shop

I use Notepad++ to edit with on my local machine and then upload it to my server.

Cheers
Alan

13 Mar 2009, 4:57 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Bottom colour in side boxes

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #3E6DC9;
border-bottom: 5px solid #3E6DC9;
margin-top: 1.5em;
}

13 Mar 2009, 5:04 PM
#5
kersar avatar

kersar

New Zenner

Join Date:
Mar 2009
Posts:
17
Plugin Contributions:
0

Re: Bottom colour in side boxes

stevesh:

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #3E6DC9;
border-bottom: 5px solid #3E6DC9;
margin-top: 1.5em;
}

I have done that in both the css sheets and still doesn't work. I will put the sheets back to the original copies and try again :smile:

13 Mar 2009, 5:43 PM
#6
kersar avatar

kersar

New Zenner

Join Date:
Mar 2009
Posts:
17
Plugin Contributions:
0

Re: Bottom colour in side boxes

stevesh:

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 1px solid #3E6DC9;
border-bottom: 5px solid #3E6DC9;
margin-top: 1.5em;
}

Hi, Thanks for trying to help.

I deleted the edited versions of the stylesheet.css in both the classic and default folders. I then replaced with the originals and copied the one from the classic to my local drive. I then edited this in exactly the same way, changing the colour code to what I wanted, #3E6DC9, using Notepad++ and uploaded to my site.

Hey Presto! it worked?!?

I don't know why it didn't work the first time, and I see that others have had the same problem so I hope by me listing what I have done helps somebody else too.

Cheers
Alan

13 Mar 2009, 6:12 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Bottom colour in side boxes

You didn't perchance leave a renamed original copy of the stylesheet in /includes/templates/classic/css/, did you? If so, that could have been the problem - all files named styles*.css are loaded in alphabetical order, and the last one loaded will control if there are conflicts.

13 Mar 2009, 6:39 PM
#8
kersar avatar

kersar

New Zenner

Join Date:
Mar 2009
Posts:
17
Plugin Contributions:
0

Re: Bottom colour in side boxes

gjh42:

You didn't perchance leave a renamed original copy of the stylesheet in /includes/templates/classic/css/, did you? If so, that could have been the problem - all files named styles*.css are loaded in alphabetical order, and the last one loaded will control if there are conflicts.

:oops:

That's where I went wrong!

Thanks for pointing it out :blush: