Edin: How to make post page feature image full width

thelanguaginglab · Member · Jan 8, 2021 at 4:38 am
Copy link

Add topic to favorites
Hi,

I’ve been trying to widen the featured image of my Edin-themed website’s Post, and make it full width (i.e. to eliminate the white space on the sides).

I’ve tried the CSS:
```
@media screen and (min-width: 1024px) {
	.no-sidebar .content-area {
		width: 900px;
	}
}

.post-thumbnail img {
    width: 100%;
}
```
but I don’t seem to be able to do what I wanted to.

Example: https://thelanguaginglab.com/2021/01/03/the-year-old-problem-when-to-use-a-hyphen/

Is there actually a way to do the widening of the featured image, please? Would appreciate any input!

The blog I need help with is: (visible only to logged in users)
supernovia · Staff · Jan 11, 2021 at 11:51 pm
Copy link
Hi thelanguaginglab, layout changes are outside the scope of CSS support we can offer there, but have you tried setting the theme’s media width? That’s a setting just below the Custom CSS box. That way you’ll get larger images to work with, which may help.
thelanguaginglab · Member · Jan 12, 2021 at 1:11 am
Copy link
Thank you @supernovia.

I found the media width setting under the Custom CSS box. If I were to change it, would the change affect all Pages and Posts or just Posts, please?
kokkieh · Staff · Jan 12, 2021 at 4:45 am
Copy link
That is a global setting that affects your entire site. So all images inserted at Full Size will use the width setting you enter there, regardless of where on your site they appear.

This will not prevent you from resizing individual images to make them smaller.
thelanguaginglab · Member · Jan 14, 2021 at 3:50 am
Copy link
I see. Thank you, @kokkieh!

No items found.