hero layout

[Zac Manor]

Is it possible to JUST have the button on the hero with out any words?

further, is it possible to adjust the button up as far as placement?

[Bill Robbins]

I believe you can do that. This css snippet will change the placement of the button everywhere:

.hero-copy {
	position: static;
}

#hero-section {
	position: relative;
}

a.button.hero {
	position: absolute;
	bottom: 10%;
}

If you only want to change it on one page, you would use this:

.page-id-65 .hero-copy {
	position: static;
}

.page-id-65 #hero-section {
	position: relative;
}

.page-id-65 a.button.hero {
	position: absolute;
	bottom: 10%;
}

Where 65 is the ID of the page you’re wanting to change.

Let me know if it gives you any trouble,
Bill

[Bill Robbins]

I forgot to mention you can adjust the vertical position by changing the 10% in those snippets. That sets the distance from the bottom edge of the hero that the bottom edge of the button will be.

[Author]

Posts