Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 3, 2022 at 8:24 pm #1367461
    Sovietovic

    Hi,
    I’m struggling with setup of simple blog on frontpage. Main issue is that if I upload too small featured image (let’s say 150x150px) it is displayed 10 times bigger on blog featured image content (see page)

    Settings:
    – Page created with Advanced Editor Layout
    – Blog posts was added there
    – Blog style: Single Author, big preview pic + Full content to show
    – Styling: No matter what I set there nothing change

    Is there some way how to display small images in their actual size instead of making them super big? I would upload bigger ones but because blog will be shared I expect also small images to be sometimes uploaded and causing nightmare to everybody.
    Image used:

    Shown like this featured:

    October 4, 2022 at 6:54 am #1367498
    Nikko

    Hey Sovietovic,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    October 4, 2022 at 7:50 am #1367508
    Sovietovic

    Hi Nikko,
    Here are the credentials

    October 4, 2022 at 12:07 pm #1367552
    Nikko

    Hi Sovietovic,

    Thanks, please try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .big-preview img {
    width: auto;
}

    Best regards,
    Nikko

    October 4, 2022 at 2:12 pm #1367569
    Sovietovic

    Thanks a lot Nikko. That worked. One more thing. Is it possible to make it centered? Now it is on left side by default when small image is uploaded.

    October 4, 2022 at 4:17 pm #1367580
    Yigit

    Hi,

    Please use the code as following instead

    
#top .big-preview img {
  width: auto;
  margin: auto;
}

    Best regards,
    Yigit

    October 4, 2022 at 5:59 pm #1367590
    Sovietovic

    Thanks Yigit. All perfectly works like always after your guys magic. Feel free to close this one

    October 4, 2022 at 6:43 pm #1367613
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Blog small featured image is resized ignoring styling’ is closed to new replies.