Wordpress Themes - WP Forum at BFA - [SOLVED] Right border issues when side bars are turned on.

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)

- - [SOLVED] Right border issues when side bars are turned on. (http://forum.bytesforall.com/showthread.php?t=21291)

studentofstone

Dec 18, 2013 05:16 PM

[SOLVED] Right border issues when side bars are turned on.

bridgesar.com
current wp current ata

I am trying to make a border on the right side of the body. when there is a right column it pushes the border to between the center and the right column. How can I make there be no border between the center and the right column and always be a border on the right of the body.

juggledad

Dec 18, 2013 07:21 PM

examples?
What kind of styling did you define for the sidebar?

lmilesw

Dec 19, 2013 06:25 AM

It looks like you will have to apply the right border to #middle by targeting just your home page for that function.

studentofstone

Dec 19, 2013 08:42 AM

Juggledad:
ata theme options/ edit center column.
border-left: 6px solid #404041;
border-right: 6px solid #404041;

edit right sidebar style
border-right: 6px solid #404041;

lmilesw: How do I target single pages? Will this code get replaced each time I update?

juggledad

Dec 19, 2013 09:25 AM

don't put the border on the center column, put it on ATO->Style & configure LAYOUT->Layout Container Style

studentofstone

Dec 19, 2013 02:26 PM

That solves that problem, but the border now runs up the header and the footer. The header has a curved top so the borders mess with the look.

juggledad

Dec 19, 2013 03:01 PM

ok, put in a left and right sidebar, width 1px and put the border on them. If you have some pages with sidebars, shut the right sidebar off for those pages (see the option) and turn on the right inner sidebar for them and add the same border on that sidebar.

studentofstone

Jan 6, 2014 05:34 PM

Ok what I ended up doing was calling and styling the individual pages in the css by post number for each page.

Code:

/*Add background borders and color to Home Page*/

body.home.page.page-id-14.page-template-default td#middle

 {background-image: url(/wp-content/uploads/2013/12/center-column-background-900x2.png); background-repeat: repeat-y;}

Thanks all.

All times are GMT -6. The time now is 05:51 PM.