Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1143105
    vbsscience
    Participant

    Hi,

    I don’t seem to be able to find the right answer for this issue on the existing forums. I am using X Icon 10 template and have issues with blog post featured image and general formatting of the post and News feed (blog post feed) on the main page on teh site I am working on.
    The featured image is very large both on post archive page and individual post pages – how do I make it smaller? I would like to use masonry layout. (currently, the image is huge in both layouts).
    The other issue is that I would like to show the same image on the news feed on the main page – how do i do that? In this case, the image should be smaller than on the blog archive page.
    And, if I want to add slight border and shading to the blog archive post, what do I do?

    Thank you for your help, very much appreciated.

    Daniela

    #1143386
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! Would you mind providing us with your site URL? so that we can check your issue and then assist you with a possible workaround.

    Thanks!

    #1143396
    vbsscience
    Participant
    This reply has been marked as private.
    #1143687
    Jade
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    
    .entry-thumb img {
        max-width: 100%;
        min-width: auto;
    
        border: 1px solid #efefef;
        padding: 5px;    
    }
    
    .entry-thumb {
        text-align: center;
    }
    
    .entry-featured {
        padding: 0;
        border: 0;
        margin-bottom: 15px;
    }

    Hope this helps.

    #1144909
    vbsscience
    Participant

    Great! thank you – it reduced the size of the featured image on blog archive page as well as on the individual post page.
    Is there a way to show the thumbnail image on the news feed (main page) as well? Also, on the individual post page, how I can wrap the text around the image, is it possible?

    Thank you so much, your help is very much appreciated.
    Daniela

    #1145127
    Joao
    Moderator

    Hi Daniela,

    If you use Cornerstone with Columnized Element it won´t work.

    If you use WordPress classic editor it will should work.

    Please add the following code to Appereance Customizer Custom CSS

    .single-post .entry-thumb {
        float: left;
        margin-left: 20px;
    }
    

    Hope it helps

    Joao

  • <script> jQuery(function($){ $("#no-reply-1143105 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>