• Hello ??

    I would like to reduce my blog posts images. I find them a little bit too large.

    I’d like to have a display with smaller images, like this one : https://woorkup.com

    Is it possible to do that with additional CSS code?

    Thanks ??

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Leo

    (@leohsiang)

    Hi there,

    Give this CSS a shot:

    @media (min-width: 769px) {
        .post-image img {
            max-width: 300px;
        }
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    The option is also available with our premium plugin:
    https://docs.generatepress.com/article/adjusting-the-featured-images/

    Let me know if this helps ??

    Thread Starter raskdetreve

    (@raskdetreve)

    Nice, it works, but is it possible to get the text on the right side of the image?

    And to have a little bit less words, like 30% less?

    Thanks again ??

    Theme Author Tom

    (@edge22)

    Give this a shot:

    @media (min-width: 769px) {
        .post-image {
            float: left;
            margin-right: 1.5em;
        }
    }

    Let us know ??

    Thread Starter raskdetreve

    (@raskdetreve)

    Wonderful, it works!

    Last questions : how can I reduce the number of words in the text?

    And if you don’t mind, how can I hide the “category”, “tags” and “comments” on the homepage?

    If my blog works, I’ll buy generatepress premium, it would be easier ??

    Thread Starter raskdetreve

    (@raskdetreve)

    I already found how to hide categories and tags from homepage, but I didn’t find how to hide “comments” link nor how to change excerpt length ??

    Thread Starter raskdetreve

    (@raskdetreve)

    Sorry, I found how to post a less-words excerpt with wordpress, too… ??

    Only question left is how to hide “comments” link ??

    Sorry about the flood… ??

    Leo

    (@leohsiang)

    Try this CSS:

    .comments-link {
        display: none;
    }

    All requests above can be done with the blog add-on in our premium plugin ??
    https://docs.generatepress.com/article/blog-content-layout/

    Thread Starter raskdetreve

    (@raskdetreve)

    It works, thanks !

    I’d like to know if all the added CSS can slow the blog down? When I test it with Pingdom test, I get a load time between 400 and 800 MS, and 37 requests.

    More, Google speed insight gives me 100/100 on desktop, but only 93/100 on mobiles (some days ago, it was 99 on mobiles I think).

    I don’t have a lot of plugins, and I didn’t add ads or javascript.

    Can the added CSS count as additional requests?

    If it count, can the premium plugin correct it?

    Noobie questions ??

    (PS : I have Cache enabler + Autoptimize + Shortpixel plugins).

    • This reply was modified 5 years, 6 months ago by raskdetreve.
    • This reply was modified 5 years, 6 months ago by raskdetreve.
    • This reply was modified 5 years, 6 months ago by raskdetreve.
    Leo

    (@leohsiang)

    That little bit of CSS should have minimal to no effect for the speed of your site.

    That score is extremely good already ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to reduce blog posts images?’ is closed to new replies.