Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 14, 2021 at 2:52 am #1300217
    blaisen

    This is new to me but I’ve diagnosed what I believe is a bug. My WordPress and Enfold are the latest versions.

    On my home page I want to display Blog Posts with ‘Single Author, small preview Pic’ view. Normally that displays a small square version to the left of the post headline and excerpt. However, I also want to set Sidebar Settings to No Sidebar on this page, though the default is to have a sidebar for the site, and that causes a display problem.

    When I set the Sidebar Settings > Default Layout on the page, the Blog Posts module correctly displays posts as described above. But when I change Sidebar Settings to No Sidebar, the Blog Post displays the small image above the post headline and excerpt and I believe it’s trying to center it.

    I have tested this on a new page with no other elements but the Blog Posts module in a 2/3 Layout Element and was able to recreate this problem by changing the Sidebar Settings, confirming it’s something with that relationship of settings.

    Am I missing something or is this truly an Enfold bug?

    May 17, 2021 at 3:01 pm #1300761
    Ismael

    Hey Blaise,

    Thank you for the inquiry.

    You can use this css code to move the featured image back to the left of the post content.

    #top .fullsize .template-blog .blog-meta {
    float: left;
    margin-right: 50px;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    May 17, 2021 at 10:20 pm #1300819
    blaisen

    Thanks. This hack moves the image but it’s doesn’t fix issues with the by line and Read More text the way the module is supposed to. Look at the Home page vs the News page (https://site.danewscenter.com/news/) and you can see the difference. When correctly displaying, the image is lower, that text becomes smaller and wraps properly.

    While I appreciate the “fix” is there any regard to the bug that’s causing the module not to work correctly?

    May 19, 2021 at 6:36 am #1301126
    Ismael

    Hi,

    It is not a bug. This is actually the default layout of the blog posts element when the sidebar is not enabled.

    To remove the line below the posts and adjust the font size of the title and the read more link, try to add this css code.

    body#top.home .av-alb-blogposts.template-blog div.post_delimiter {
    display: none !important;
}

body#top.home {
    font-size: 14px;
}

    Best regards,
    Ismael

    May 20, 2021 at 8:25 pm #1301489
    blaisen

    Thanks for the explanation and the code. I’m not sure why the designers at Enfold thought that it’s a good idea for the module to behave differently without a sidebar – graphically it looks bad. I’ll use your hacks to force the module to look the way it should in this display mode. I would suggest that this get changed in the future though as there are other options for displaying an image above the post title that are far better looking design-wise.

    May 21, 2021 at 1:44 pm #1301629
    Ismael

    Hi,

    It is actually pretty common to use or add css code to adjust the style of a page or a template if the default styles do not meet your requirements. Have you tried setting the blog style to Single Author, Big Preview?

    // https://kriesi.at/themes/enfold/blog/blog-single-author-full/

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.