Add Border Around Sidebar Widgets

Activello
1

Hey everyone!
Thank you for all the help you are providing here!
I have a question regarding the sidebar widgets:

Is it possible to add some borders around them? I attached a screenshot of an Activello side I found online.
The page I found is called http://www.lipstickalchemist.com/ and I love the borders she has around her widgets!

My page is called http://www.primetimechaos.com/

Thank you in advance!

2

Via customize/Additional CSS you can add borders around certain areas. I did it like that to add borders on my blog. Here’s an example :

.widget_aboutme
{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;
border:1px solid;border-radius:5px;background-color:rgb(255,255,255);
}

Here’s the link to my blog as an example : http://movie-freak.be/

3

Hi Peter,
first of all - thank you! Your page looks lovely!
I managed to add a border around some of the widgets now by using your code and changing it to:

.widget_text
{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;
border: 1px solid;border-radius:5px;
border-color: #f2c1c5;
}

That only does it for the text widgets though.
I just have to find out how the other widgets (with images and social media icons) are called and then apply the code to them as well.

Sending a big hello to Belgium from Austria!

4

UPDATE:

I managed to add some borders, but would still like to change it so it looks like in the inspiration photo.
Attached there is a screenshot of how it looks and how I want it to look.

I used this code:

#secondary .widget {
margin-bottom: 40px;

padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid;
border-color: #dfdfdf;
}

Thank you!

5

Please try using below CSS code to achieve it.

#secondary .widget .widget-title {
    margin-top: -18px;
    background: #fff;
    padding: 0 15px 15px;
    text-align: center;
}

#secondary .widget {
    overflow: visible;
}

#secondary .widget-title:after{
    left: 40%;
}
6

Abolutely perfect, as usual!
Thank you so much!

7

You are always welcome here :slight_smile: