Change width of sidebar

Also I would like to adjust the width of the content area as well…

Hi,

Please apply a custom CSS, such as:

.sidebar {
	width: 25%;
	padding-left: 0;
}
.is-singular .site-main > .hentry {
	width: 70%;
}

Regards,

Oliver

Thanks it works! ??

Hey Oliver I’ve got another problem with this part of the code:

.is-singular .site-main > .hentry {
	width: 70%;
}

It does help me with modifying the content area width, but it changes the width of my landing page as well. My landing page uses the full-width page template (no sidebar), and the rest of my pages and post use the default template (with sidebar).

How do I use CSS so that it changes the content width in my default template but doesn’t affect the full-width template?

I also want to reduce the margin from the left side of the page (the gap between the edge of the website and the actual content).

Sorry for too many question. Thanks ??

• This reply was modified 8 years, 6 months ago by talhask.

Hi,

In that case please adapt the code like this:

.is-singular:not(.page-template-_fullwidth) .site-main > .hentry {
	width: 70%;
}

For reducing website container width try:

.site {
	max-width: 1500px;
}

Please note that you should log a new ticket for each new issue. Also, I suggest you use https://support.webmandesign.eu

Regards,

Oliver