[Support request] Full width featured image

[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

[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.

[Leo]

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.

[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%;
}
}

[Leo]

I would go with this:

@media (min-width:1025px) {
    .featured-image img {
        width: 100%;
    }
}

[Author]

Posts