Page border

• 

  lasalledesignblog · Member · Oct 15, 2013 at 2:30 pm

  • Copy link
  • Add topic to favorites

  I am new to CSS customization and would like to change the border around the content on Forever theme. How can I do this?

  The blog I need help with is: (visible only to logged in users)

• 

  mrdirby · Member · Oct 15, 2013 at 2:40 pm

  • Copy link

  Hi,

  Here is the current CSS for your border. If you know what you want you border to look like I can help you write that style.

  #page {
  border: 1px solid #bbb;

  For your reference here are some style options. http://www.w3schools.com/css/css_border.asp

• 

  lasalledesignblog · Member · Oct 15, 2013 at 4:30 pm

  • Copy link

  I was hoping to do something like a greek key corner.

  I drew this up in Illustrator:

  

• 

  thesacredpath · Member · Oct 15, 2013 at 11:04 pm

  • Copy link

  @lasalledesignblog, that would get complex and even after all the work may not turn out well. The quick basics would be (off the top of my head):

  1. Rework header area and include the corners as part of a new header image.
  2. Create an image the width of the #page div (960px) with the lines aligned with the parts in the header and assign it as a background image in #page. This could be 960px wide and only 20px tall and then repeat in the “Y” direction.
  3. Turn the background of the bottom widget area transparent (background: none;) and adjust the widths and margins as needed to make room for the border lines.
  4. Create an image for the footer area with the two bottom corners, again aligned perfectly with the border lines in #page.

  The outside corners of the greek corners would have to fall within the #page div, so the outside dimension of the image would be 960. I would create all the images as PNG with no background (transparent) so that it would not matter what color the background of #page was in case you decided to change it.

  I’ve not tried this, and it might take some back and forth to get things to look right, and then again, it might end up not working out.

  If you want to give it a try, create the images and upload them to your media library and post the URLs of those images here, and I can help with the CSS.

• 

  lasalledesignblog · Member · Oct 16, 2013 at 2:56 am

  • Copy link

  @thesacredpath, Thank you very much for your response. I think I will try some of the options you mentioned. I am very new to CSS but am catching on quickly. I am definitely going to try option 2 in the next few days! Thank you again!

• 

  thesacredpath · Member · Oct 22, 2013 at 6:58 pm

  • Copy link

  You are welcome, and if you have any problems, or questions, do let us know.