Articles cover picture size

Mauer Themes Support Essentialist Articles cover picture size

This topic contains 3 replies, has 2 voices, and was last updated by  Paul 1 year, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1739

    valentinbvn
    Participant

    Hello,

    I would like to know how to reduce the size of my articles cover pictures (the pictures just above the titles).
    I find them quite big. I like the size of the big pictures inside the articles. I think it’s 1024×1024 maximum.
    You can check my website if you need to and choose an article to better understand my request :
    http://soufflechaud.com/

    Thank you very much 🙂
    Have a nice day !
    Valentin.

    #1743

    Paul
    Keymaster

    Hello Valentin,

    You can decrease cover pictures size by using the following CSS:

    .entry-thumb-wrapper {text-align: center;}
    @media (max-width: 767px) {.entry-thumb-wrapper img {max-width: 100%;}}
    
    .entry-thumb-wrapper img {
    	max-width: 80%; /* feel free to change this number */
    }

    Feel free to change 80% to a value you like.

    You can add this code with the Simple Custom CSS plugin. Once you install and activate it, in your Admin Panel please go to Appearance’ > ‘Custom CSS’.
    There insert the code you see above and save.

    Regards,
    Paul

    #1746

    valentinbvn
    Participant

    Hello Paul,

    Thank you very much for your answer.
    It works on the homepage 🙂

    Do you know how can I get the same result for the articles ? (In the articles, the cover pictures are still very big).

    Have a nice day.
    Valentin.

    #1753

    Paul
    Keymaster

    Valentin,

    If you want the same effect in single posts and pages, please use the following code instead of the one above:

    .entry-thumb-wrapper {text-align: center;}
    @media (max-width: 767px) {.entry-thumb-wrapper img, .entry-full .entry-thumb img {max-width: 100%;}}
    
    .entry-thumb-wrapper img, .entry-full .entry-thumb img {
    	max-width: 80%; /* feel free to change this number */
    }

    If you enjoy the theme (or the support), I would be really grateful if you could rate it on ThemeForest. This literally takes a moment and creates a big difference. Thanks.

    Regards,
    Paul

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.