Archived topic
Spacing issues for container and sidebar
6 replies · Started by Carol on October 10, 2019
Hi,
I know I want my entire container to be 1150px.
Because I'm limited to 5-pixel increments for the sidebar, it's really hard to get the exact look I'm after.
I put the sample site URL (not mine) that I really want to mimic due to excellent readability.
Love that layout.
I've spent hours trying to tweak my site to achieve this, but can't quite get it.
I'd appreciate any help.
Thank you.
I'll follow up with another message and put my own URL in.
X80Ws+031v45
Oh, there is no field to put another URL. Hopefully, you can see my site from previous topics on my profile.
Thank you~!
Hi there,
on the example site its using a sidebar of 315px wide to do that would need some CSS like so:
@media (min-width: 769px) {
#primary {
width: calc(100% - 315px);
}
#right-sidebar {
width: 315px;
}
}Thank you, David.
So I'm already using this CSS:
@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
max-width: 430px;
}
}
.sidebar .widget_media_image {
text-align: center;
}
What do I change out of that?
I want the featured image the same size as example site, same spacing between sidebar and content area, etc.
Thank you so much!
Carol
You shouldn't need to change the existing CSS that I provided before :)
Okay.
Perfect!
Thanks, David and Leo!
I love this theme!!
Glad to be of help.
