Shrink 'Featured Image' size in Daily Mag

  • Author
    Posts
  • #3263870

    naturarian
    Member

    Good day CSS Wizards!
    I’m in need of some code to shrink the size of the ‘featured image’ image in each of my blog posts.
    Worse case, I figured I could reduce its size in media, however then I’d have 2 photos @ different sizes filling my storage.
    Bonus Question:
    Is there any way to change the size of the photos on my ‘featured content’ bar on my home page? (I want larger)
    Thanks so much for your hard work and devotion to WP :-D

    The blog I need help with is naturarian.org.

    #3264013

    torres126
    Member

    Hi there,

    Sure thing! Here’s some code to adjust the size of those images. Feel free to tweak the values until it suits your needs.

    I’m in need of some code to shrink the size of the ‘featured image’ image in each of my blog posts.

    .hentry .attachment-dailymag-featured {
    max-height: 300px;
    }

    Noting though, that could make look the proportions look a bit off. Here’s some CSS to adjust the width, if you feel that’s the case.

    .hentry .attachment-dailymag-featured {
    width: auto;
    }

    Is there any way to change the size of the photos on my ‘featured content’ bar on my home page? (I want larger)

    Here’s just for the home page, you can remove the .home bit if you want it for other pages too.

    .home .featured-content img {
    width: 160px;
    }

    Adding custom CSS: https://en.support.wordpress.com/custom-design/editing-css/

    Let me know if that doesn’t work for you, or if you have any other questions. :)

    #3265167

    naturarian
    Member

    Thanks So Much Torres126!!
    I really appreciate your time =-)
    I’ll mess around with values. I just needed some bones to work with.
    Enjoy your day!!

    #3265168

    torres126
    Member

    Perfect, happy to help! Let us know if there’s any other changes you’d like to make. :)

    #3266945

    naturarian
    Member

    Thank you again Torres126!
    Just wanted to come back and thank you again. The code worked perfectly!
    I really appreciate you and all the help I find on these forums 😍
    Enjoy your day!

    #3267225

    torres126
    Member

    Glad to hear, you too! :)

You must be logged in to reply to this topic.