Wordpress Themes - WP Forum at BFA - Show Inner Right Sidebar on only one specific page?

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

- Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)

- - Show Inner Right Sidebar on only one specific page? (http://forum.bytesforall.com/showthread.php?t=16003)

joe hark

Nov 17, 2011 04:00 AM

Show Inner Right Sidebar on only one specific page?

How can I do that?

I can see ATO controls to add that sidebar to all pages but do not know how to show on only one page.

Suggestions, please?

juggledad

Nov 17, 2011 04:50 AM

here is what you do.
1) go to ATO->Style & configure SIDEBARS->RIGHT INNER sidebar: Display on: and turn it on for all pages or just the 'Single Posts' and make note of the 'RIGHT INNER sidebar WIDTH'

2) find the post ID number (edit the post and look at the address, the last part is the ID number)

3) add the following to the CSS Inserts

HTML Code:

.colthree-inner {width:0px; display:none;}

td#right-inner {display:none;}



body.postid-2460 .colthree-inner {width: 200px; display: table-column;}

body.postid-2460 td#right-inner {display: block;}

make sure to change the post ID number to your post and the width to your width

juggledad

Nov 17, 2011 09:00 AM

turns out this can be condensed to the following

HTML Code:

.colthree-inner, td#right-inner {display:none;}



body.postid-2460 .colthree-inner {display: table-column;}

body.postid-2460  td#right-inner {display: block;}

joe hark

Nov 17, 2011 09:13 AM

Thanks for the response.

Where in the code do I put the page ID (it happens to be 111)?

joe hark

Nov 17, 2011 09:15 AM

Oh, and does it matter where in the CSS inserts I put the code?

joe hark

Nov 17, 2011 09:19 AM

One more thing. I want to donate in appreciation of the help. But although I have done that a number of times in the past, the link to it seems to elude me today. Where is it please?

juggledad

Nov 17, 2011 09:34 AM

Quote:

Where in the code do I put the page ID (it happens to be 111)?

change

HTML Code:

body.postid-2460 .colthree-inner {display: table-column;}

body.postid-2460  td#right-inner {display: block;}

HTML Code:

body.postid-111 .colthree-inner {display: table-column;}

body.postid-111  td#right-inner {display: block;}

Quote:

does it matter where in the CSS inserts I put the code?

no, I generally put it at the end

HTML Code:

I want to donate in appreciation of the help...

top of the screen is a yellow 'Click Here to DONATE' link

All times are GMT -6. The time now is 09:21 AM.