[JadeModerator]

Hi Mariana,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[CharlesDSParticipant]

Hello there,

I would like to set all the featured images about the same size

Or at least stop them from being this big:
http://baboenglish.com/category/all-posts/ (The top post featured image is way to big)

Can you see the blog post: About Jobs in the UK and USA? It would be great if I could just have each featured image size roughly looking like that.

C

[JoaoModerator]

Hi There,

the best way to achieve that is to upload all the images with the same size.

We can apply CSS that will force the images to have the same size but it will distort many of the images because of the proportions of it.

You can try adding this code to your customizer CSS. It will limit the height to 550px.

.entry-thumb img {

  max-height: 550px !important;

} 

Let us know how it goes,

Joao

[BandyVineParticipant]

I’m wondering the same thing: anyone has css code that changes/reduces the blog post size without changing the post carousel size?

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.single-post .entry-featured{
width:50%;
margin-left:auto;
margin-right:auto;
} 

Hope it helps.

[OlgaolgassonParticipant]

Hey there, I included the code in my CSS, but the picture still appears in my single blog posts… any idea why?
Thanks and best regards,
Olga

[Paul RModerator]

Hi Olga,

If you want it removed, you can use this code instead

.single-post .entry-featured{
    display:none;
}

Hope that helps.

[OlgaolgassonParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

The CSS is correct, but the CSS before that has no proper close bracket. Please change this

.custom-headline4{
text-shadow: 1px 1px #FFffff,1px -1px #FFffff,-1px 1px #FFffff,-1px -1px #FFffff;

  .single .entry-thumb { display: none; }
  
.single-post .entry-featured{
    display:none;
}

to this

.custom-headline4{
text-shadow: 1px 1px #FFffff,1px -1px #FFffff,-1px 1px #FFffff,-1px -1px #FFffff;
}
  .single .entry-thumb { display: none; }
  
.single-post .entry-featured{
    display:none;
}

Cheers!

[OlgaolgassonParticipant]

worked! Thanks a lot!

[ThaiModerator]

Glad it worked 🙂

If you need anything else please let us know.

[OlgaolgassonParticipant]

Hi, it’s me again. So sorry haha but the pictures reappeared even though I didn’t change anything in the coding… Any ideas why? for reference please see: http://www.brasia.hk/blog/

Thanks a lot

[Paul RModerator]

Hi,

The code provided was to remove the featured image in posts only.

If you would like to remove the featured image in blog page, you can add this in Custom > CSS.

.blog .entry-featured{
    display:none;
}

Hope that helps.

[Author]

Posts