Title: Reduce Hero Widget Header container
Last modified: March 4, 2018

---

# Reduce Hero Widget Header container

 *  Resolved [fabiolatrujilloc](https://wordpress.org/support/users/fabiolatrujilloc/)
 * (@fabiolatrujilloc)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/reduce-hero-widget-header-container/)
 * Hello!
    I’ve recently changed the size of my homepage header. Im using the lyrical
   child theme from Primer. What I need to know is how to edit the size and position
   of the hero widget, since my header is smaller, all the containers inside the
   header are bigger than the header and colapse with the body elements of the home,
   as you can see on my web link..
 * Thank you very much for your help1
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Freduce-hero-widget-header-container%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Evan Herman](https://wordpress.org/support/users/eherman24/)
 * (@eherman24)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/reduce-hero-widget-header-container/#post-10041754)
 * Hi [@fabiolatrujilloc](https://wordpress.org/support/users/fabiolatrujilloc/),
 * You can tweak the hero widget by adjusting the padding on the `hero` and `hero-
   inner` elements, and the top margin on the `primer-hero-text-widget` element.
 * Something like:
 *     ```
       .hero,
       .hero .hero-inner {
          padding: 0;
       }
       .hero .primer-hero-text-widget {
          margin-top: 0;
       }
       ```
   
 * You should be able to add those adjustments to the ‘Additional CSS’ section of
   the customizer. You can get there from the dashboard by going to ‘Appearance 
   > Customize > Additional CSS’.
 * Once there paste the above CSS code snippet into that field, and the homepage
   hero widget should fit in a bit better.
 * Let us know how that goes.

Viewing 1 replies (of 1 total)

The topic ‘Reduce Hero Widget Header container’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/primer/1.8.10/screenshot.png)
 * Primer
 * [Support Threads](https://wordpress.org/support/theme/primer/)
 * [Active Topics](https://wordpress.org/support/theme/primer/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/primer/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/primer/reviews/)

## Tags

 * [Hero widget](https://wordpress.org/support/topic-tag/hero-widget/)

 * 1 reply
 * 2 participants
 * Last reply from: [Evan Herman](https://wordpress.org/support/users/eherman24/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/reduce-hero-widget-header-container/#post-10041754)
 * Status: resolved