Side bar width

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