[Nick]

I want to add a right and left border to the content area without the content area growing bigger than the header and footer area.

[Zed]

Tricky business.
You need to subtract the border width from the overall size of the content area (which is computed based on the settings you chose under Layout).
In your case, #main has a width of 1100px, so this custom CSS should do the trick:
`#main {
border: 0px solid red;
border-width: 0 2px 0 2px;
width: 1096px !important; )`
Change the border width and its colour to your desired values. Just remember to subtract the both border widths from the total width.
You also need to update this width if you ever change your site width from the Layout options.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts