[homesteadertch]

When I use a page with 2 columns, the article content appears very close to the left side of my browser window. I would like to add padding to this yet can’t seem to succeed. An example can be seen here

I have this code in my style css but apparently it is wrong…

article.hentry .article-inner, #breadcrumbs-nav, body.woocommerce.woocommerce-page #breadcrumbs-nav, #content-masonry article.hentry .article-inner, .pad-container {
padding-left: 10%;
padding-right: 10%;
display: block;
overflow: hidden;
}

My pages with no sidebar are padding nicely, but as soon as I add a sidebar right, the left content hugs the browser window edge.

I got that code from the Fluida demo online, as they have a nice amount of space to the left of the browser window. Any help would be appreciated, thank you.

Website: www.tranquillacovehomestead.com

[Zed]

Are you still having issues?

That page appears to have the correct left distance now, even with the right sidebar enabled.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[homesteadertch]

I had to resort to several css edits to get what I wanted and I think this edit:

article.hentry .article-inner, #breadcrumbs-nav, body.woocommerce.woocommerce-page #breadcrumbs-nav, #content-masonry article.hentry .article-inner, .pad-container {
margin-left: 8%;
}

helped the situation, but then I had to make other css edits so the single column pages centered correctly, like on this page
.observations {
padding-right: 100px;
padding-left: 50px;
}

I am still not sure why I had to do those extra edits with css but it does work. Took a long time to figure out.

[Author]

Posts