Add Border Around Sidebar Widgets

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 and I love the borders she has around her widgets!

My page is called

Thank you in advance!

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 :

border:1px solid;border-radius:5px;background-color:rgb(255,255,255);

Here’s the link to my blog as an example :

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:

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!


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;

border: 1px solid;
border-color: #dfdfdf;

Thank you!

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%;

Abolutely perfect, as usual!
Thank you so much!

You are always welcome here :slight_smile: