customize side bar

Hi Sam,

You can try adding this CSS:

.widget .widget-title {
    text-align: center;
}

.widget-area .widget {
    border: 1px solid red;
    padding: 20px;
}

Change the values to your preference. :D

Thank you! Where can I add this CSS? Also, is there a way to add a background boarder color to the text (like recent posts have background color).

Thank you,
Sam

Hi there,

Thats CSS - it goes in Customizer > Additional CSS ( as will the following CSS ):

For the border i would do this:

1. Add this CSS:

.widget-area .widget {
    border: 1px solid rgba(0,0,0,0.1);
}

2. Go to Customizer > Layout > Sidebar and adjust the padding so all values are each - eg. 10px.

For the related posts use this CSS:

#right-sidebar .widget_recent_entries li a {
    display: block;
    background-color: #eee;
    padding: 10px;
}

Thank you this worked! By any chance, am I able to make the widget recent entries background color exclusive to the sidebar? It is showing up with the background color on my footer too.

Thanks!
Sam

I made an edit to code #2 here:

https://generatepress.com/forums/topic/customize-side-bar/#post-1858169

The additional #right-sidebar selector will restrict the style to just that element.