Hello, I hope your day is going well.
I have been experimenting with css to achieve an outline effect around blocks. Can you tell me if it is possible to create something like this with different blocks and widgets in my sidebar?
Here is an example of what I’d like to do: http://screencast.com/t/YDypnpCKBbY4
I hope you can help me with this.
Have an Awesome Day!
Philip
Hi,
You can try this css for post sidebar: http://screencast.com/t/IHEjNtSLE4
.td-post-sidebar .td_mod_wrap{
border-bottom: 1px solid #e7e7e7;
}
.td-post-sidebar .td_mod_wrap:last-child{
border-bottom: none;
}
.td-post-sidebar .td_block_wrap, .td-post-sidebar .widget {
border: 1px solid #e7e7e7;
}
Also for page if you use Widgetise sidebar block you can try this css: http://screencast.com/t/Ap0ZdwQUnvX
.wpb_widgetised_column .td_mod_wrap{
border-bottom: 1px solid;
}
.wpb_widgetised_column .td_mod_wrap:last-child{
border-bottom: none
}
.wpb_widgetised_column .td_block_wrap{
border: 1px solid ;
}
This css is general but you can add borders only for some blocks/widgets: http://screencast.com/t/95Y5NheX
Hope this helps!
Hi Alin,
I’ve tried the above css and just about everything else I could find on the forums and on my own experimentation. So far I am able to give the entire widget contents a border, but I haven’t been able to create the lines to separate thumbs/items and I’ve tried with the code you provided, unsuccessfully.
What could I be missing here?
I hope you can help me with this.
Have an Awesome Day!
Philip
Alin,
I managed to cobble together a solution, so no worries on addressing this further.
Have an Awesome Day!
Philip
Hi,
Glad that you managed to solve this!
Thanks!
