Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1494563

    The Featured Image does not display when —

    Single Author, small preview Pic (no author picture is displayed, feature image is small)

    The featured image does display in other Blog style settings such as Feature image is big or in the Grid Layout…alas these are not styles I want.

    I just updated to Enfold 7.1.3 and also WordPress 6.9 — and the small featured imaged displayed before the update.

    Do you know how to fix this?

    Issue can be seen here: (no small featured images display to left of text 180 x 180 pixel selected

    #1494571

    Hey dcarlsondesign,

    Thank you for the inquiry.

    The featured images are not displaying due to the following css rule in the style.css file:

    .post-entry .blog-meta {
        display: none;
    }

    Removing this css rule should restore the featured images.

    Best regards,
    Ismael

    #1494600

    Hi Ismael,
    Thanks for your quick note back.

    .post-entry .blog-meta {
    display: none;
    }

    For some reason the code above only affected the Single Post Entries and the Featured Images appeared in the Category Blog Post Multiple listing of small Preview images.

    Now on the Single Post Entires a Large Icon appears on the Single post of a Pencil on a large gray square….how do I hide those?

    Is there Css to make this icon disappear?

    Thanks

    #1494613

    Hi,

    Thank you for the update.

    The featured images and blog meta inof are not visible on the category page either. Have you tried removing the css code mentioned above? This should restore the blog meta info container along with the featured images.

    Best regards,
    Ismael

    #1494637

    Hi Ismael,
    Yes I did remove the css code you suggested and the Preview image appears in the “Blog Posts Content Element”
    uvpublichealth.oorg/news
    but when I hide the featured image on the blog post I get still get a large icon with a pencil — how do I hide that pencil icon?

    #1494644

    Hi,

    Thank you for the info.

    To remove the default pencil icon for posts without featured images, try to add this css code:

    .rounded-container .iconfont, .small-preview .iconfont {
        display: none;
    }

    Then add this code to ensure the featured image covers the entire container.

    .small-preview img, .big-preview img {
        width: 100%;
        object-fit: cover;
        height: 80px;
    }

    Result:

    ftWoHfS.md.png

    Best regards,
    Ismael

    #1494771

    Still not working as It did before before upgrade

    POSTS USED TO WORK HERE — this earlier Enfold install

    Nicer small preview image to left of Blog Excerpt

    and no featured image

    Now Grey Box shows without pencil icon…would rather see pencil or no grey box at all

    Preview images are smaller than 180 x 180 selected thumbnail — not the size selected in Post Element

    Preview images on blog listing Do not show up at all in Safari

    #1494785

    Hi,

    Thank you for the info.

    Have you tried adjusting the Blog Layout and Styling in the Enfold > Blog Layout panel? Try adjusting the settings until you restore the previous layout.

    Best regards,
    Ismael

    #1494800

    Hi Ismael,
    Thanks for your continued replies.
    Yes, I have tried changing the size of the small preview image many times in the Enfold > Blog Panel Layout. It does not change the small preview image size as it should

    .small-preview img, .big-preview img {
    width: 100%;
    object-fit: cover;
    height: 80px;
    }

    I took out the height tag… thinking that might affect the small preview…but it did not

    #1494805

    try in quick css:

    #top a.small-preview {
      background-color: transparent !important;
      width: 150px;
      height: auto;
    }
    
    #top .iconfont,
    #top .post_author_timeline {
      display: none ;
    }
    #1494872

    Hi,

    Thank you for the upate.

    To adjust the width and height of the featured images, you can try this css code:

    .small-preview {
        width: 164px;
        height: 164px;
    }

    Make sure to remove this css code first or override it so the featured images are visible.

    .post-entry .blog-meta {
        display: none;
    }

    fpcRxlR.md.png

    Best regards,
    Ismael

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