-
Posts
-
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
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.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.
The topic ‘To Close to Browser Left Side’ is closed to new replies.