Hero Widget

  • Hello, I am having a little issue configuring the hero widget for my needs. Rather than using the Header Media, I would prefer not to have the title on the home page and I want the image beneath the top menu.

    So I thought that using the Hero Widget would be a better option. So here is what I tried:

    1. In the live customizer I added the image to the Hero Widget.
    2. The image is 2400px x 1300px ~.
    3. The widget container has a white background, but I would like for it to be black and for the image to fill the container. (View 1)
    4. However, If I place the image in the header image it displays on the site as it is now. (View 2)

    https://drive.google.com/drive/folders/1KIZVwWVGF3Z3gw4fqRgf4-ORWWfnjoHv?usp=share_link

    Can you offer any suggestions about how to resolve this. As I mentioned in the opening paragraph, I would much rather use the widget.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • gdandrija

    (@gdandrija)

    Hi @webryant2000, I hope you are doing well,

    You can try the following CSS code to achieve what you are looking for:

    .hero {
    padding-top: 20% !important;
}

.home h1.page-title {
    display: none;
}

    Feel free to adjust the padding value per your needs.

    I hope this helps, cheers!
    Andrija

Viewing 1 replies (of 1 total)
  • The topic ‘Hero Widget’ is closed to new replies.