Jump to content


Photo
- - - - -

Border Question - Div?


  • Please log in to reply
6 replies to this topic

#1 gpro

gpro

    Member

  • Members
  • 20 posts

Posted 28 September 2012 - 02:47 PM

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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 28 September 2012 - 07:38 PM

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:

Please Login or Register to see this Hidden Content

and

Please Login or Register to see this Hidden Content



#3 gpro

gpro

    Member

  • Members
  • 20 posts

Posted 28 September 2012 - 07:54 PM

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

#4 James B

James B

    Advocate

  • Moderators
  • 4978 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 29 September 2012 - 02:39 AM

Hi there, you could try this

Please Login or Register to see this Hidden Content


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

#5 gpro

gpro

    Member

  • Members
  • 20 posts

Posted 29 September 2012 - 02:47 AM

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

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 September 2012 - 09:18 PM

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.

#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 29 September 2012 - 09:31 PM

This is the code creating the current shadowed border:

Please Login or Register to see this Hidden Content


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