Border Question - Div?

[gpro 0]

If I want to add a border to the overall page what div do I add the css too?

Alternatively, could I add a border to the main area but not the header?

Thanks

GPro

[catrina 103]

You will need to use Custom CSS to add the border to the overall page. Alternatively, you can also use CSS to add a border to the main area.

For further reference, please see: http://www.pagelines.com/wiki/Custom_CSS and http://www.w3schools.com/cssref/pr_border.asp

[gpro 0]

Hi Catrina

I guess I didn't ask that correctly...I know I need to add custom css, what I was looking for is the name of the div to add the css too.

I've tried these

}

#page{

border:1px solid gray;

}

#content{

border:1px solid gray;

}

#main {

border:1px solid red;

}

But they add a border to the full page, I want a border around the main content area and side bars...

Gary

[James B 436]

Hi there, you could try this

#content .content-pad {

border: 1px solid black;

padding-top: 10px;

}

If you're looking to include the header as well in this border then you might have to change to 'fixed width mode' instead of full width sections in the layout editor. This will activate the page canvas and allow you to put a border around the entire page content

[gpro 0]

Thanks James!

I tried # content alone but didn't seem to work, but your suggestion is perfect.

Thanks again, I appreciate the help from both of you!

GPro

[Rob 547]

Gary, it would help if you showed us specifically where you want the border using a mockup or modified screenshot. We can't tell you which element to modify or wrap in a div unless we know where you want the border. As you point out, there are several elements.

[Rob 547]

This is the code creating the current shadowed border:

body.fixed_width.content-shadow .page-canvas {

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);

}

I've tried the elements you cited, without success.