Making the featured image full width on big screens with Minimum Theme

[upsurf]

Hi Guys

I have featured images enabled on pages such as http://upsurfcoaching.co.nz/up-surf-camps-new-zealand/

I'm happy enough with how they look on laptops and mobile devices, but when viewed on larger screens, they are capping out at 1600px with white space on either side. It doesn't look good.

Can someone please let me know the easiest way to make the image fill the available white space?

Cheers
Andrew

http://upsurfcoaching.co.nz/up-surf-camps-new-zealand/

[William]

Hi Andrew,

Try this out:

.featured-image img {
width: 100%;
}

🙂

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[upsurf]

Thanks William

I tried that but it didn't work unfortunately.

My theme's stylesheet had this code as standard:

text-align: center;
width: 100%;

It seems something is capping my images at 1600px, if I upload a bigger image it goes into my library fine, I select it as the featured image and update site. But then when I view in my browser and right click the image 'open in new tab', I see it has automatically been reduced to a file size of 1600px.

Cheers
Andrew

[gucu]

Hi Andrew

In your theme head you have this code:

<meta property="og:image:width" content="1600" />
<meta property="og:image:height" content="518" />

I believe it has something to do with Facebook plugin - not really sure but could that be doing some sort of restriction?

Rich

[Brad Dalton]

Try this code

---

Tutorials for StudioPress Themes.

[Author]

Posts