I am building a new website for a client based on the Hotel template. I successfully imported the demo and am in the process of creating the pages.
An issue has arisen regarding the blog layout, specifically the width of the element div.entry-content. The entry-content-wrapper on both sites is 800px wide. I have made no changes to the post on the development site, it is as it was installed/setup. I assume that the settings in Theme Options > Blog Layout would have been copied in from the demo settings.
In the demo here, div.entry-content is 736 px wide. But on the development site here, the element is only 598 px wide. I cannot deduce why it is narrower and would like it as per the demo.
I’m using a smaller font size for <p>, but that should not make a difference to the element width. Have you any ideas/suggestions for the difference in width? And how to fix it…
Hi zimbo,
Thanks for the detailed information and links.
The only difference between both sites is the size of fonts which affects the width of the blog container.
You can change the font size but since it will affect other parts of the website, please try to add this CSS code in Enfold > General Styling > Quick CSS instead:
#top .fullsize .template-blog .post .entry-content-wrapper {
font-size: 18.4px;
}
Hope it helps.
Best regards,
Nikko
Thanks. Your fix only affects part of the blog text, namely the
This
#top .all_colors p {
font-size: 16px;
}
is over-riding the 18.4px declaration, and adding !important to .entry-content-wrapper doesn’t work either.
I didn’t realise the smaller font size would narrow the blog container. I’ll have a re-think about the size and layout. Case closed!
Hi,
Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard