Title: Resizing Featured Image
Last modified: January 17, 2021

---

# Resizing Featured Image

 *  Resolved [xtendlife](https://wordpress.org/support/users/xtendlife/)
 * (@xtendlife)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/)
 * Hi,
 * What is the best way to resize the featured image on the single post?
 * This bit of CSS appears to work.
 * /* Thumbnail Image */
    .hentry a img{ height: auto; max-width: 90%; }
 * Is that correct?
 * How can I make it not affect the size of the featured image on the front page
   when the latest post option is in play?
 * Thanks.

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

 *  Plugin Author [Twentig](https://wordpress.org/support/users/twentig/)
 * (@twentig)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13931506)
 * Hi [@xtendlife](https://wordpress.org/support/users/xtendlife/),
 * For the Twenty Twenty theme, here’s the CSS to resize the featured image on the
   single post:
 *     ```
       .single-post .featured-media img {
           max-width: 90%;
       }
       ```
   
 *  Thread Starter [xtendlife](https://wordpress.org/support/users/xtendlife/)
 * (@xtendlife)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13935553)
 * Thank you very much!
 * That worked! I forgot to mention it was for the Twenty Twenty theme.
 * But you figured.
 * I sincerely appreciate all that you do here.
 * Best regards.
 *  Thread Starter [xtendlife](https://wordpress.org/support/users/xtendlife/)
 * (@xtendlife)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13935651)
 * Hi Support,
 * One quick question regarding this solution.
 * It worked fine in the CSS customizer.
 * If I add it to the child theme CSS file it does not work.
 * I tried that !important thing, but that did not work either.
 * .single-post .featured-media img {
    max-width: 90% !important; }
 * I am fine if the code will only work in the customizer.
 * But I like to keep the custom CSS codes in the child theme CSS file.
 * Thanks.
 *  Plugin Author [Twentig](https://wordpress.org/support/users/twentig/)
 * (@twentig)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13959065)
 * Hi [@xtendlife](https://wordpress.org/support/users/xtendlife/),
 * I’ve tried to put the CSS code in a child theme, and it works for me.
 * This is the code in the functions.php file of the child theme:
 *     ```
       function twentytwenty_styles() {
       	wp_enqueue_style( 'parent', get_template_directory_uri() . '/style.css' );
       }
       add_action( 'wp_enqueue_scripts', 'twentytwenty_styles');
       ```
   
 * This is the code in the style.css file of the child theme:
 *     ```
       /*
       Theme Name: Twenty Twenty Child Theme
       Description: A child theme for Twenty Twenty.
       Author: Your Name
       Template: twentytwenty
       Version: 1.0
       */
   
       .single-post .featured-media img {
           max-width: 90%;
       }
       ```
   
 * If you still have the issue, if possible, please share the URL of your website.
 * Have a nice day,
    Diane
 *  Thread Starter [xtendlife](https://wordpress.org/support/users/xtendlife/)
 * (@xtendlife)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13960899)
 * Hi Diane,
 * Many thanks for taking a look. You guys have been very helpful and supportive.
 * I am sharing the child theme I am using.
 * [https://app.box.com/s/fi1cdx67huvsoopewlywdnox9lsk9fvb](https://app.box.com/s/fi1cdx67huvsoopewlywdnox9lsk9fvb)
 * I have a local setup. A live link is not available at the moment.
 * Take a look at the child theme and let me know if I have it right.
 * The other codes in the CSS are working.
 * If all is well with the child theme, it is likely something else that is causing
   the CSS to not render.
 * Regards.
 *  Plugin Author [Twentig](https://wordpress.org/support/users/twentig/)
 * (@twentig)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13978777)
 * [@xtendlife](https://wordpress.org/support/users/xtendlife/),
 * I’ve tested your child theme, the CSS is working fine for me. The best way to
   debug your CSS code is to inspect the CSS code on the single post’s image to 
   see which code overrides yours. (Google Chrome: right-click on the image and 
   select Inspect [https://developers.google.com/web/tools/chrome-devtools/css](https://developers.google.com/web/tools/chrome-devtools/css))
 * I hope the above is useful to you.
    Diane
 *  Thread Starter [xtendlife](https://wordpress.org/support/users/xtendlife/)
 * (@xtendlife)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13982402)
 * Hi Diane,
 * Many thanks for taking the time to look into this.
 * I will take a closer look on my end and see what is going on.
 * Kind regards.
 *  Thread Starter [xtendlife](https://wordpress.org/support/users/xtendlife/)
 * (@xtendlife)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13988844)
 * Hi Diane,
 * This is a quick update.
 * I found the issue. It was the browser cache.
 * Thanks for confirming on your end all was good.
 * That conclusion forced me to figure what was really happening on my end.
 * Kind regards.
 * Donovan

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

The topic ‘Resizing Featured Image’ is closed to new replies.

 * ![](https://ps.w.org/twentig/assets/icon.svg?rev=2569439)
 * [Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio](https://wordpress.org/plugins/twentig/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/twentig/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/twentig/)
 * [Active Topics](https://wordpress.org/support/plugin/twentig/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/twentig/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/twentig/reviews/)

## Tags

 * [featured image](https://wordpress.org/support/topic-tag/featured-image/)

 * 8 replies
 * 2 participants
 * Last reply from: [xtendlife](https://wordpress.org/support/users/xtendlife/)
 * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/resizing-featured-image-3/#post-13988844)
 * Status: resolved