Docs

[appliedimage]

Hi

Using the Renew stack, blog posts featured images appear quite large within the post pages.

How can i either disable the featured image from the post page, or resize it?

I’d usually use something like “display: none;”

Thanks

[Joao]

Hi There,

You can add the following code to Appereance Customizer Custom CSS and it should make your image look smaller.

/*This sets the maximum width (250px), position (centered) and adds a (5px) border on all POST Featured Images*/

.blog .entry-featured {
position: relative;
padding: 5;
width: 250px;
float: none;
margin: 20px auto;
}

/*This sets the maximum size and centers all POST Featured Images*/

.single .entry-featured {
position: relative;
padding: 5;
width: 600px;
float: none;
margin: 20px auto;
}

/*This sets the maximum size and centers all PAGE Featured Images*/

.entry-featured {
position: relative;
padding: 5;
width: 750px;
float: none;
margin: 20px auto;
}

And in case you want to hide it you can use

.entry-featured {

display: none;

}

Hope that helps,

Joao

[appliedimage]

This reply has been marked as private.

[Rad]

Hi there,

Please add proper closing bracket to your @media block, else, any CSS added below it will not work. Change this

@media (max-width: 768px){
.x-brand img {
   margin-left: 0; 
}
.x-topbar .p-info {
    margin-left: 0; 
}

@media (min-width: 980px){
.text-lm {
margin-left: 170px;
}
}

to this

@media (max-width: 768px){
.x-brand img {
   margin-left: 0; 
}
.x-topbar .p-info {
    margin-left: 0; 
}
}
@media (min-width: 980px){
.text-lm {
margin-left: 170px;
}
}

That should fix it 🙂 Cheers!

[Author]

Posts