Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1351052
    Blue
    Participant

    Hi guys
    I need my featured image to be smaller then it is now , as I want to have my site layout fullwidth but without getting the post featured image streched out to fill the page . Would you please help ?
    thanks
    http://digitalworkshopfactory.com/index.php/2017/01/30/tuto-nu-artistique/
    I would love to be able the choose the size of that featured image no matter if I did choose fullwidth

    #1351166
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    
    @media(min-width: 969px) {
    .has-post-thumbnail .entry-featured {
       margin-left: 30%;
        margin-right: 20%;
    }
    }

    Hope it helps

    Joao

    #1351180
    Blue
    Participant

    Hi Joao, now I m actualy using portfolio instead of post … would it be also good if using the word “portfolio” instead of -post- ?
    http://digitalworkshopfactory.com/index.php/portfolio-item/portrait-en-studio/
    thank you

    #1351411
    Nico
    Moderator

    Hi There,

    Any post or portfolio that has-featured image or thumbnail the code above will work. Or you could try this code below:

    For portfolio:

    @media(min-width: 969px) {
    .x-portfolio  .entry-featured {
       margin-left: 30%;
        margin-right: 20%;
    }
    }

    For post:

    @media(min-width: 969px) {
    .single-post  .entry-featured {
       margin-left: 30%;
        margin-right: 20%;
    }
    }

    Hope it helps.

    Let us know how it goes.

    Thanks. 🙂

    #1351924
    Blue
    Participant

    Hi guys !

    That works indeed ! thank you . BUT I cannot use it as it has the effect I want into the portfolio page itself ( I can now choose the size of the picture but changing the margin % ) BUT it also change the aspect of the “thumbnails” when looking at it on a porfolio PAGE 🙁
    Is there a way I can tweak the size by using the code you gave me without affecting a portfolio page presentation ?

    thank you ! 🙂

    #1352072
    Christopher
    Moderator

    Hi there,

    If you don’t want to change portfolio image’s width, so please remove this code :

    @media(min-width: 969px) {
    .has-post-thumbnail .entry-featured {
       margin-left: 30%;
        margin-right: 20%;
    }
    }

    Thanks.

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