Resize featured image

  • Hi there,

    I would like to resize my featured image. Correct me if I′m wrong but I believe it′s 720 x 340px (www.somama.nl). I would like it to be: 720 x 200px.

    Can somebody tell me where I need to change this?

    Thanks in advance!

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

  • Hi SoMamaBlog. Welcome to the Hueman forum. You could add the following css to a child theme style.css file or use a plugin like Simple Custom CSS

    .flexslider .slides img {
  height: 200px;
}
    Thread Starter SoMamaBlog

    (@somamablog)

    Hi bdbrown,

    Thanks for your anwser! I have placed it in my child theme CSS but it doesn’t work.

    Best regards,

    Channa

    Please post a link to your site so we can see the problem. Thanks.

    Thread Starter SoMamaBlog

    (@somamablog)

    Oh sorry! It’s: https://www.somama.nl

    The default size for the featured image is 720×340. That’s the size used if you have a 3-column (i.e. content and two sidebars) layout. Since you’re only using one sidebar, the image is resized proportionately to fill the content area width so it ends up being 980×463. If you want to change it to 720X200 you could use this css:

    .featured img {
  width: 720px;
  height: 200px;
}

    When you said “featured image” I assumed you had the slider enabled which is why I posted the “.flexslider” css. That’s why it’s helpful to post a link to your site so we can see the actual configuration.

    Thread Starter SoMamaBlog

    (@somamablog)

    Thanks a lot! It worked.

    For the next time, I will post the link to my blog. For now many thanks!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Resize featured image’ is closed to new replies.