Thanks for using Period!
You can add this CSS to your site to make the sidebar narrower:
@media all and (min-width: 56.25em) {
.sidebar-primary {
width: 30%;
}
.main {
width: 66%;
margin-right: 4%;
}
}
!Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.
Thanks.
The above code work great. . .
In a different post you sent me the below code for the padding in the sidebar. It did not work and I’m wondering if it is in conflict with this one. . I tried placing it above and below the above the above code with no luck.
Here is the code you sent for padding.
.sidebar-footer {
padding: 24px 5% 0;
}
The first value is the padding on top and the second value (5%) will adjust the padding on both the left and right.
Please advise. . my site is so close to being exactly what I want. . .
Thanks for your help.
You’re welcome 🙂
That snippet was for adjusting the padding in the widget area in the footer. Sorry if I misunderstood that previously.
The sidebar doesn’t have any padding applied, but the widgets do. If you want to adjust the padding in the sidebar widgets, you can add this CSS:
.sidebar-primary .widget {
padding: 24px;
}