[Support request] Full width featured image

Home Forums Support Full width featured image

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #981604
    Hilton

    Hi,

    I increased the container width and i’d like to know how can I increase features image width to become full width?

    Thanks

    #981609
    Hilton

    Just complementing, I found a way to do that, but I don’t know if it is the best alternative. I used the CSS below.


    @media
    (min-width: 1025px){
    img.size-full {
    width: 94%;
    }
    }

    ps. The original CSS is max-width:100% for all screen sizes.

    #981624
    Leo
    Staff
    Customer Support

    Hi there,

    You shouldn’t need that CSS as long as your original image is wide enough to cover the container width.

    For example, the featured image of the post “10 Receitas de Salada de DelĂ­cias do Mar Light” is around 681px. Try something around 820px.

    #981665
    Hilton

    Hi Leo,

    In this case, to stretch all the images to the full width on large screens, is it correct to use this CSS rule?


    @media
    (min-width: 1025px){
    img.size-full {
    width: 94%;
    }
    }

    #981692
    Leo
    Staff
    Customer Support

    I would go with this:

    @media (min-width:1025px) {
        .featured-image img {
            width: 100%;
        }
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.