Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #900915
    pelowi
    Participant

    Hi,

    I´d like to change the position of the feature image of one blog post.

    Is it possible to show an image thumb within the text (float: right) instead of the full image above the post?

    Thanks in advance

    Bye

    #901443
    Prasant Rai
    Moderator

    Hello Bye,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #902807
    pelowi
    Participant
    This reply has been marked as private.
    #902948
    pelowi
    Participant
    This reply has been marked as private.
    #903578
    Rupok
    Member

    It’s okay. Consider this thread as closed.

    #904665
    pelowi
    Participant

    No, the problem is still there – I want to change the size of the featured image and show it within the text, not above it in full width

    #905573
    Paul R
    Moderator

    Hi,

    To reduce it’s size, you can add this under Custom > Edit Global CSS in the Customizer.

    
    .single-post article {
         background-color:#fff;
    }
    
    @media (min-width: 767px) {
    .single-post .entry-featured {
         max-width:50%;
         margin:0 auto;
    }
    }
    

    You may change 50% to adjust the size.

    Hope that helps.

    #910640
    pelowi
    Participant

    Thanks – I desided to make a workarround with the following code:

    .entry-thumb img {
    height: 300px;
    max-width: 100%;
    object-fit: cover;
    }

    Thanks anyway

    #910869
    Thai
    Moderator

    Glad you’ve sorted it out.

    If you need anything else, please let us know 🙂

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