Title: Container Background Image Help
Last modified: April 22, 2021

---

# Container Background Image Help

 *  Resolved [sterndesign](https://wordpress.org/support/users/sterndesign/)
 * (@sterndesign)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/container-background-image-help/)
 * Hi Guys,
 * I’m trying to duplicate a page on the wordpress.com website for a how-to video.
   I can’t seem to get the background image in the hero section to be the right 
   size. I’ve tried “cover”, “contain” and various “positions” but the image is 
   ether too large (when using “cover”) or too small (when using “contain” and “
   center right”
 * Here is a link to how it should look: [https://wordpress.com/create-website/](https://wordpress.com/create-website/)
   and I’ve linked to my site above.
 * I feel like I’m missing something obvious.
 * Any ideas?
 * Thanks kindly,
 * Matt
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcontainer-background-image-help%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Elvin](https://wordpress.org/support/users/ejcabquina/)
 * (@ejcabquina)
 * [5 years, 1 month ago](https://wordpress.org/support/topic/container-background-image-help/#post-14354714)
 * Hi there,
 * Set the background to “contain” and position to “bottom right”.
 * You then change the padding of the container block to 20rem top and bottom.
 * That’s the closest setting to your reference.
 * It will only differ a little because the rem value of your site differs from 
   the rem value of the reference site.
 * If you add this CSS:
 *     ```
       html {
           font-size: 62.5%;
       }
       ```
   
 * The rem value of your site will be equal to the reference. This should make the
   size close if not identical to the reference site.

Viewing 1 replies (of 1 total)

The topic ‘Container Background Image Help’ is closed to new replies.

 * ![](https://ps.w.org/generateblocks/assets/icon.svg?rev=3239461)
 * [GenerateBlocks](https://wordpress.org/plugins/generateblocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/generateblocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/generateblocks/)
 * [Active Topics](https://wordpress.org/support/plugin/generateblocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/generateblocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/generateblocks/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Elvin](https://wordpress.org/support/users/ejcabquina/)
 * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/container-background-image-help/#post-14354714)
 * Status: resolved