How to reduce the size of the post images on the home page on mobile devices

  • Author
    Posts
  • #68407

    Hi,

    Thanks again for an amazing Fluida theme which perfectly works for me.

    Could you please help me with some css code to reduce the size of the post images on the home page on mobile devices?

    Thank you.

    Aleksandra

    #68512

    Zed
    Cryout Creations Team

    Do you want to do that for the featured images in posts list? Or are you perhaps referring to other images displayed on the homepage when the theme’s landing page feature is used.


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #68670

    I refer to home page where the most recent posts are listed. One post takes the whole screen on mobile devices. I would like to reduce the images if possible.

    #68932

    Zed
    Cryout Creations Team

    Can you provide a link to your site?


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #68960

    Hi,

    Sure. https://www.tripeconomist.com

    Thank you.

    Aleksandra

    #69460

    Zed
    Cryout Creations Team

    The theme rearranges it structure depending on screen size it is viewed on. On some devices / screen layout, the posts will use up the full screen width. Depending on the configured posts images height, their images may fill up the entire screen (both width and height).

    How are you looking to reduce/limit the post images? In what way?


    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
    #69543

    Hi,

    I found the way. I added this CSS code and the result is exactly what I was asking for.

    @media only screen and (max-width: 480px){ .fluida-cropped-featured .main .post-thumbnail-container {
    height: 200px;
    }}

    Thank you again for your support.

    Aleksandra

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

You need to log in to reply to this topic.