Title: Multiple post-specific sidebars
Last modified: September 1, 2016
---
# Multiple post-specific sidebars
* Resolved [durocketuk](https://wordpress.org/support/users/durocketuk/)
* (@durocketuk)
* [9 years, 9 months ago](https://wordpress.org/support/topic/multiple-post-specific-sidebars/)
* Dear WordPress enthousiasts,
* I am trying to design an elegant method to display post-specific contents into
the sidebar.
* Inspired by this [thread](http://wordpress.stackexchange.com/questions/208353/different-text-widgets-in-sidebar-on-many-different-pages?rq=1),
which ask the same question, I adapted the nice general solution of this [thread](http://wpsites.net/web-design/how-to-create-a-custom-field/)
to query custom fields and display them in the left sidebar area.
* ```
add_action( '__before_left_sidebar', 'du_rock_box' );
function du_rock_box() {
if ( is_singular( 'post') ) {
$rock = get_post_meta( get_the_ID(), 'du_rock', true );
if( ! empty( $rock ) ) {
echo '';
echo ''. $rock .'
';
}
}
}
add_action( '__before_left_sidebar', 'des_carottes_box' );
function des_carottes_box() {
if ( is_singular( 'post') ) {
$carottes = get_post_meta( get_the_ID(), 'des_carottes', true );
if( ! empty( $carottes ) ) {
echo '';
echo ''. $carottes .'
';
}
}
}
```
* [http://www.hostingpics.net/viewer.php?id=824582Capturede769cran20160817a768013850.png”](http://www.hostingpics.net/viewer.php?id=824582Capturede769cran20160817a768013850.png”);
* I like this solution because it allows to keep the content of the text boxes
in the relevant post (contrary to multiplying custom widgets with the custom
sidebars plugin)
* This is only a proof of concept and I need to be able to further customize the
boxes. I have several questions :
* – How do I get the handles of what I have created ? Ideally, I’d like to have
two separate text boxes, one for each custom field, and be able to customize
them with a specific border, layout, etc.
For example, I have tried to shift
the text down a bit so that it sits below the title of the post, but
* ```
.left.tc-sidebar {
margin-top: 110px;
}
```
* does not work. I conclude that left.tc-sidebar is not the correct handle for
my object ?
* – Is it possible to add a logo at the top of each text box ? Intuitively, I feel
that I am missing a step. My basic understanding of php language tells me that
I have just printed some string in the widget area of the left sidebar. So I
don’t even have two individual “text widgets” to start with.
* Would anyone have suggestions to head into this direction, and possibly php code
snippets ?
* Thanks in advance,
* Benjamin
Viewing 5 replies - 1 through 5 (of 5 total)
* Thread Starter [durocketuk](https://wordpress.org/support/users/durocketuk/)
* (@durocketuk)
* [9 years, 9 months ago](https://wordpress.org/support/topic/multiple-post-specific-sidebars/#post-7672588)
* Hello,
* I have made some progress. I have designed 2 custom widgets to display the text
of 2 specific custom fields of my article in a custom sidebar (created with the
custom sidebar plugin)
[http://www.durocketdescarottes.fr/2016/08/22/edimbourg-16-20-juillet-2016](http://www.durocketdescarottes.fr/2016/08/22/edimbourg-16-20-juillet-2016)
* “Du Rock” is my first widget, “Des carottes” is my second widget
* This should allow me to control the display of each widget independently. However
I am unable to control the appearance of these with CSS. I’d like to shift both
of them below the title, increase separation between them (i.e., increase top
margin of second widget), and have a different background color for each.
* I have inspected my page with Firebug but neither
* ```
.widget_du_rock_widget .widget {
background-color: rgba(51, 153, 255, 0.1) !important;
margin-top: 110px !important;
}
```
* (which is supposed to affect only top widget)
* nor
* ```
.tc-sidebar .left {
background-color: rgba(51, 153, 255, 0.1);
margin-top: 110px;
}
```
* (which is supposed to affect the whole sidebar), works.
* What am I missing ?
* Thanks in advance for your input
* [Menaka S.](https://wordpress.org/support/users/menakas/)
* (@menakas)
* [9 years, 9 months ago](https://wordpress.org/support/topic/multiple-post-specific-sidebars/#post-7672596)
* Hi,
It does affect the top margin. I can see it on your site.
* Alternately, you can also include an id and use the id to style your widget.
* For instance, change your code to,
* ```
add_action( '__before_left_sidebar', 'du_rock_box' );
function du_rock_box() {
if ( is_singular( 'post') ) {
$rock = get_post_meta( get_the_ID(), 'du_rock', true );
if( ! empty( $rock ) ) {
echo '';
echo ''. $rock .'
';
}
}
}
```
* and then style it like below.
* ```
#my_rock {
margin-top: 110px;
}
```
* Thread Starter [durocketuk](https://wordpress.org/support/users/durocketuk/)
* (@durocketuk)
* [9 years, 9 months ago](https://wordpress.org/support/topic/multiple-post-specific-sidebars/#post-7672608)
* Thank you Menaka,
* Following your adice, I included an ID in the php code to be able to style it
independently.
* [Menaka S.](https://wordpress.org/support/users/menakas/)
* (@menakas)
* [9 years, 9 months ago](https://wordpress.org/support/topic/multiple-post-specific-sidebars/#post-7672609)
* If your issue is resolved, will you mark this post as resolved?
* Thread Starter [durocketuk](https://wordpress.org/support/users/durocketuk/)
* (@durocketuk)
* [9 years, 9 months ago](https://wordpress.org/support/topic/multiple-post-specific-sidebars/#post-7672610)
* Yes, thanks,
* Benjamin
Viewing 5 replies - 1 through 5 (of 5 total)
The topic ‘Multiple post-specific sidebars’ is closed to new replies.
* 
* Customizr
* [Support Threads](https://wordpress.org/support/theme/customizr/)
* [Active Topics](https://wordpress.org/support/theme/customizr/active/)
* [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
* [Reviews](https://wordpress.org/support/theme/customizr/reviews/)
## Tags
* [dynamic sidebar](https://wordpress.org/support/topic-tag/dynamic-sidebar/)
* [metadata](https://wordpress.org/support/topic-tag/metadata/)
* 5 replies
* 2 participants
* Last reply from: [durocketuk](https://wordpress.org/support/users/durocketuk/)
* Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/multiple-post-specific-sidebars/#post-7672610)
* Status: resolved