WordPress.org

Ready to get started?Download WordPress

Forums

Ridizain
[resolved] Make Featured Image go from one end of the posts to the other. (4 posts)

  1. sarnava
    Member
    Posted 5 months ago #

    The featured image in this theme depends upon the resolution of image. I want to make the featured image span from one end of posts to the other end completely, whatever the image's resolution is.
    Or Match the post's witdh with the featured image's width.

    Thanks You,
    Sarnava.

  2. Zulfikar Nore
    Member
    Theme Author

    Posted 5 months ago #

    Thanks for reporting that need. Will add the option in the next update and release it as soon as possible.

    In the meantime you can add the following CSS code in a custom css plugin to make the images span 100% the width of their container.

    .site-content img.size-full,
    .site-content img.size-large,
    .site-content .wp-post-image,
    .site-content .post-thumbnail img {
        width:100%;
    }

    If you don't want the in content images to go full width then only use

    .site-content .post-thumbnail img {
        width:100%;
    }
    instead.

    Regards,
    Zulf

  3. sarnava
    Member
    Posted 5 months ago #

    Thank you. It worked. and Once Again I am Grateful to you.
    And can you please tell me what to do to increase the brightness of the featured images when the mouse is not hovering over it.

    Sarnava.

  4. Zulfikar Nore
    Member
    Theme Author

    Posted 5 months ago #

    You are most welcome.

    Not sure what you mean by "Increase the brightness"?

    The featured/post thumbnail images are at full brightness on non hover state but get an opacity applied to them when in hover state.

    The CSS code you'd need to use and adjust that opacity is...

    @media screen and (min-width: 401px) {
        a.post-thumbnail:hover img {
           opacity: 0.75;
        }
    }

    You'd then adjust the 0.75 to suit your needs.

    Regards,
    Zulf

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.