[lizhenkenius]

Hello! I’ve recently added a sidebar to the post pages on my website and am wondering if I can change the width. I’d like it to be a bit narrower so that the body of the post takes up a larger portion of the page. I’m using parallax frame, here is my website: elephantstep.com Any help is appreciated!

Thanks,
Liz

[Skandha]

@lizhenkenius: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:991px) {
	article {
		width:115%;
	}
	.sidebar.sidebar-primary.widget-area {
		width: 20%;
		position: absolute;
		right: 20px;
		
	}

}
article {
text-align: justify;
}

Let me know if this solves your issue!

Regards,
Skandha

[lizhenkenius]

@skandha Thank you so much that solved it!!

[Skandha]

@lizhenkenius: Glad that the issue is resolved. Have a good day!

Regards,
Skandha

[Sea82]

Hello there,

I am trying to reduce the width of the sidebar widget area of my site: http://altramatica.altervista.org/
I have tried the above CSS code, but it doesn’t work here. The body of the post gets larger, but the sidebar stays the same width. As a result, some part of the text is hidden by the sidebar. Removing the CSS code set everything back to normal. However, how can I reduce the width of the sidebar?
It has been some time I’m stuck with this issue, any help would be really appreciated 🙂

Thank you!

[Skandha]

@sea82: Hello there, you don’t seem to be using our theme. Please post your queries in the respective theme support forum.

Kind Regards,
Skandha

[Author]

Posts