Okay
  Public Ticket #2879973
change size of hero on certain pages
Closed

Comments

  • Amber Waugaman started the conversation

    Hi there, I want to make the hero smaller on the inside website pages. How can I do this to eliminate the gray area? 

    I already went to the page settings -> Hero -> Size -> Auto (instead of Cover). This made the hero the size I want, but the gray area still remains. Can I get rid of the gray area and keep the hero smaller on certain pages? 

    Thanks! 

  •  933
    Neuron replied

    Hi Amber,

    I am very sorry for the late reply, we were not working on the weekend.

    I've added the following code at Appearance > Customize > Additional CSS, can you please take a look at it?

    .o-hero__header__image {
        background-size: cover;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • Amber Waugaman replied

    Hi there, no problem. 

    This doesn't work - I don't want it to be that big. I want it to be small like in this photo but without the gray. Can you see the gray? It is showing where a full sized hero image fits. I want my cropped image (a smaller hero) on inside pages only - without the gray. Is that possible? 

    Thanks!

  • Amber Waugaman replied

    Let me know if you can provide a solution today. Thanks so much! 

  •  933
    Neuron replied

    Hi Amber,

    Sorry for the late reply,

    You can change the height of the hero by going at Appearance > Customize > Utility > Hero, and try to set it to 25vh instead or set there the height that fits best for your page.

    Feel free to ask for anything you need.

    Kind Regards


  • Amber Waugaman replied

    Awesome. thank you so much 

  •  933
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes