Forums / Templates, Stylesheets, Page Layout / Want to add a border around my main page text.

Want to add a border around my main page text.

Views: 1,265

Results 1 to 15 of 15
13 Jan 2012, 2:23 PM
#1
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Want to add a border around my main page text.

Hi,

I would like to add a thin border around the main text on my home page but dont know where to start. Would like it the same colour and thickness as my sideboxes. Please help.

13 Jan 2012, 2:43 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Want to add a border around my main page text.

We'll need a link to the site to be sure. In a stock Zencart installation you could add this to your stylesheet:

#indexDefault.centerColumn {border: 1px solid;}

13 Jan 2012, 2:51 PM
#3
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Re: Want to add a border around my main page text.

13 Jan 2012, 3:09 PM
#4
stevesh avatar

stevesh

Black Belt

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

Re: Want to add a border around my main page text.

You'd want to add this to the stylesheet:

#indexDefaultMainContent {border: 1px solid #FFA3A2; padding: 1em;}

I would add the padding so it doesn't look all jammed up.

13 Jan 2012, 3:16 PM
#5
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Re: Want to add a border around my main page text.

Where do i add it in the stylesheet?

13 Jan 2012, 3:24 PM
#6
stevesh avatar

stevesh

Black Belt

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

Re: Want to add a border around my main page text.

I usually add additional rules at the bottom after a comment that says 'Everything after this point added by stevesh". That way I know where all the custom stuff is.

13 Jan 2012, 3:34 PM
#7
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Re: Want to add a border around my main page text.

Hi,

Can find the main css stylesheet and have added the code but it doesnt seem to work. I added it to the classic template and default template to make sure but it still didnt work.
Any ideas?

13 Jan 2012, 3:40 PM
#8
stevesh avatar

stevesh

Black Belt

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

Re: Want to add a border around my main page text.

I don't see that rule in your stylesheet.css file which would be in includes/templates/classic/css. If you get it in the right place, I guarantee it'll work.

13 Jan 2012, 3:48 PM
#9
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Re: Want to add a border around my main page text.

Hi,

I have re-done it and it still hasnt worked.

13 Jan 2012, 4:05 PM
#10
stevesh avatar

stevesh

Black Belt

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

Re: Want to add a border around my main page text.

I'm looking at your stylesheet.css file right now, and that rule isn't in there. Are you sure the file is actually being uploaded after editing ?

13 Jan 2012, 4:17 PM
#11
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Re: Want to add a border around my main page text.

Hi, Ive edited the file and saved it to the server and it said file transfer successful and still not working.

13 Jan 2012, 4:27 PM
#12
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Re: Want to add a border around my main page text.

Hi,

im editing the file and loading it back on to the server but it doesnt seem to want to work. Tried it a few times.

13 Jan 2012, 5:54 PM
#13
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Want to add a border around my main page text.

#indexDefaultMainContent {
border: 1px
solid #FFA3A2;
padding: 1em;
}

I think you need to comment out this:

Everything after this point added by mighty midget

The best way to learn is to try stuff. But, back it up first.

13 Jan 2012, 6:05 PM
#14
mighty_midget avatar

mighty_midget

New Zenner

Join Date:
Sep 2011
Location:
UK
Posts:
72
Plugin Contributions:
0

Re: Want to add a border around my main page text.

:clap::clap::clap:

Thanks a lot, its worked.

13 Jan 2012, 6:21 PM
#15
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Want to add a border around my main page text.

BTW, Steve just taught me something, (no surprise there). I've done borders around the main page text, but I've been creating a new div.

The best way to learn is to try stuff. But, back it up first.