Essence Pro: Remove one button on Hero section

[irened]

Hi,
How does I remove one button from the hero section in Essence Pro. So there's only one choice to click on, centred.

Thanks.

[Brad Dalton]

On the front page?

If you don't know PHP, you can hide it using CSS. Inspect the button, find the CSS rule for the element and use display: none;

---

Get Help – Book Consultation.

[irened]

Yes, the Hero section on the front page. Is it possible to have Hero sections on other pages?

I'm not a coder, so everything is scary to me. Do I do this in the Customize/additional CSS section?

Is there complete code somewhere that I can find in order to know how to use display: none; properly?

Thanks

[irened]

I found a tutorial on themefoundry that was helpful. I tried a few variations in Additional css, but I still can't make <a class="button primary" disappear. What am i doing wrong? Code below.

button.primary {
display: none;
}

.header-hero button.primary {
display: none;
}

???i dunno. help.

<div class="hero-page-title" id="hero-page-title"><div class="wrap">
<p class="hero-description">
<H1 style="color:white;font-size:46px">Do you want to start oil painting?</H1>
<div style="font-weight: 600;padding: 30px;width: 560px;display: inline-block"><span class="highlight">Then get my FREE Itty Bitty QuickStart to Oil Painting Guidebook and learn how you can paint your first oil painting masterpiece in less than 3 HOURS</span>.</div></p>
Send me the guide
Get More Info</div></div></div>`

[Anita]

I just did this for a client. You can just add this to the Additional CSS box which will hide the first button which is Primary.

.button.primary {
    display: none;
}

It will then center the second button.

---

Love coffee, chocolate and my Bella!

[irened]

That's the ticket! Thanks so much!

[Author]

Posts