Hero Buttons

[LeanneKingwell]

Hi Bill,

Me again… sorry!

Wondering, is is possible to include 3 x Hero Buttons on a Hero Photo?
(spread across the page horizontally, or even stacked vertically)

I could make this work for all pages if necessary.
Or just selective pages, if possible?

Many Thank Yous,

Leanne 🙂

[Bill Robbins]

Hello Leanne,

It is possible to do that. The hero caption spot can take any content there. What you could do is insert your buttons into the spot after any caption text you want. It would look something like this:

My Caption Text Here
<a class="button" href="http://link.com">Button Text</a>
<a class="button" href="http://link.com">Button Text</a>
<a class="button" href="http://link.com">Button Text</a>

I believe that would give you a row of text followed by three buttons. Just replace the links and the button text with what you’d like each of them to say.

If you run into trouble there, let me know.

Have a great weekend,
Bill

[LeanneKingwell]

Thanks so much Bill. Your support is amazing.

Have a wonderful weekend too! 🙂 🙂 🙂

[Bill Robbins]

Leanne,

You can set those to line up in a row. What you’ll want to do is take out the breaks between each of the buttons. If you didn’t add them yourself, what you’ll want to do is keep the buttons on the same line in the caption box.

Then add this to your Custom CSS:

.hero-copy p {
	display: block;
	text-align: center;
}

.hero-copy .button {
	display: inline-block;
	margin: 30px 15px;
}

That should line up the buttons in a row for you. Let me know how that goes.

Bill

[LeanneKingwell]

Thanks so much Bill. 🙂

[Author]

Posts