WP Ocean Blog Post feature image too big

  • Resolved mamapumpkin

    (@mamapumpkin)


    5 years, 10 months ago

    Hi all,

    I have seen some other discussions on this topic, but I am still not able to fix my problem. Can someone explain to me exactly (step by step) what I need to do?

    I am trying to resize the featured image photo that appears on my blog post. It’s huge! I am using WP Ocean and Elementor. I tried changing the blog settings with ELementor but it doesn’t change anything. I think the WP Ocean template is overriding it and I think I need to change something in the template but I am not sure how or where.

    I use the feature image for a small thumbnail on my homepage which is nice, but on the actual blog post page it stretches to the full width of the post (even if I make the image smaller). Thanks for your help! Charlotte

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

  • Hello,

    Try to add the below code to the Customize > Custom CSS section to change the size – 

    .single .thumbnail img {
    width: 60%;
    display: flex;
    margin: 0 auto;
}

    I have also replied to your ticket on oceanwp support.

    Thread Starter mamapumpkin

    (@mamapumpkin)

    Hi Amit,
    Thank you for getting back to me. I am not exactly sure where to put the code….from the WP dashboard do I select:

    Appearance – customize – Custom CSS/JS ?

    Thanks,
    Charlotte

    Thread Starter mamapumpkin

    (@mamapumpkin)

    Hi Amit,
    I tried it in the spot I thought it might go, and it worked like a charm! Thank you so much!!!
    Charlotte

    Glad to hear that it worked!

    Hi I have just installed Oceanwp and encountered the same issue. Question is, will there be a permanent fix to this? To allow users to customise/set the from customizer rather than having to mess with CSS which could be tricky for a beginner? Thanks.

    @keithshang just add the code mentioned above to the Customize > Custom CSS section and it will work. Nothing will be messed.

    hi sorry I am really unsure how it works. Copy the code and paste exactly where? i want to modify for my blog post, but in the css window it only shows for my home page. when i add the code in and click publish, it says error “markup is not allowed in css’.

    Okay, go to Dashboard > Appearance > Customize > Custom CS/JS section (scroll down the panel to see it) and add the below code in the Custom CSS field – 

    .single .thumbnail img {
    width: 60%;
    display: flex;
    margin: 0 auto;
}

    I just tried to submit a ticket but I’m not sure if it worked. I’m a somewhat newbie to .org. I need help with my featured images with my posts on my home screen. They’re too big and I can’t figure out how to resize them. Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘WP Ocean Blog Post feature image too big’ is closed to new replies.