[lewgard]

Hello,

I would like to know how to reduce overall width of posts and pages when selecting ‘no sidebar’. When selected, the appearance is too wide on desktop and therefore hard to read.

I tried adding this custom CSS:

.content-area{
width: 70%;
}

but too much space where the sidebar was.

Can you please help me figure this out ?

Thanks you.

[Skandha]

@lewgard: Hello there,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[lewgard]

Sorry… https://thewaryworker.com/

I think I figured it out. I added this to the customizer, additional CSS:

/* To make content container smaller but still wide with with no sidebar*/
.single-post.no-sidebar #main {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}

Looks like it works.

Thank you.

[Skandha]

@lewgard: Glad you were able to figure it out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts