Jump to content
Sign in to follow this  
gpro

Border Question - Div?

Recommended Posts

gpro

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

Share this post


Link to post
Share on other sites
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
gpro

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

Share this post


Link to post
Share on other sites
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
gpro

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

Share this post


Link to post
Share on other sites
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×