Reduce Hero Widget Header container

  • Resolved fabiolatrujilloc

    (@fabiolatrujilloc)


    7 years ago

    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 to see the link]

Viewing 1 replies (of 1 total)
  • Evan Herman

    (@eherman24)

    Hi @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.