[Support request] Featured image.

[Greg]

I want my featured image to be the width of the blog with no padding and a height of 350px. It won’t let me do this even after regenerating images. Here is an example of what I’m talking about https://www.wpkube.com/

Can you provide a Custom CSS so I can apply to my blog?

Thanks,
Greg

GeneratePress 2.2.2

GP Premium 1.7.7

[David]

Hi there,

any chance you can open the site for us to take a look or provide us with temporary access?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Greg]

Shoot. Sorry about that. All is clear.

Greg

[David]

So looks like just the height needs fixing. Try this:

.no-featured-image-padding .post-image img, .featured-image img  {
    height: 350px;
    object-fit: cover;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Greg]

Thanks David. But I will also need it on the single blog post. That image is not with height of 350px. Need on both images and if you can also provide for pages (ie About, Arcive etc.)

Much Thanks,
Greg

[David]

I have edited the CSS above to include the single featured images as well

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Greg]

Thanks David. One last thing if possible. How can I get my top Email Subscribe Optin Widget (top widget in right sidebar) without the padding around it? Here is an example of what I’m talking about – http://wpliving.net/ using Generate Theme (their Subscribe optin) with no padding.

Again, Much Thanks.
Greg

[David]

This CSS should do the trick:

.inside-right-sidebar .widget:first-child {
    padding: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Greg]

Thanks Again, David. Love the support

Greg

[David]

You’re welcome – glad to be of help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts