-
Dear Daniel,
I’ve started adding pages and posts to the database and it seems to me that for some reasons, the body text is a lot wider than it is shown in the demo pages and I can’t figure out how to have those nice margins on the left and right side when I’m using a layout that is not featuring a sidebar.
Currently, my body is 1000px wide but I’d like to have the same look as the demo. I’ve gone through the tutorials but I didn’t see the trick, maybe I made a mistake at the setup, maybe it is being done with the bootstrap shortcodes (but I didn’t see any reference for it), so I’m quite lost with it.
I’d welcome any suggestions!
Many thanks,
Viktor
The wide margins are displayed only on pages with boxed design. It does not apply to single posts or pages with full screen design. If you want it to you can add the following styles to your custom CSS:
.single.layout-full-width .hentry, .single.layout-full-width .archive-header { max-width: 720px; margin-left: auto; margin-right: auto; } .single.layout-full-width .content-area > :first-child, .single.layout-full-width .content-area > .hentry:first-child { padding-top: 90px; } .single.layout-full-width .content-area > :last-child { padding-bottom: 90px; }Hi Daniel,
Many thanks for the suggestion, for some reason, nothing changes when I put the code neither into the custom css textbox in the admin nor my child theme’s style.css file. I’d prefer the latter option because it seems to be a cleaner solution for me but anyway, there seems to be something wrong with it in my side. 🙂
I’ve even tried adding !important values into the css but nothing happens.
Cheers,
Viktor
You must be logged in to reply to this topic.