Archived topic
Button Place in Page Header Image
1 reply · Started by Lilia on April 8, 2019
Dear generatePress Team,
I want to put 4 Buttons to the bottom right in Page Header Image!
Could you please help me, Uunfortunately, I am still a newcomer, not know how to place it.
best regards
atila
Hi there,
so you would need to add some HTML to your header element, something like the following - place it after any other content you have in the header element:
<div class="hero-ui">
<a class="button" href="url">Button</a>
<a class="button" href="url">Button</a>
<a class="button" href="url">Button</a>
<a class="button" href="url">Button</a>
</div>
This CSS will place it to the bottom right hand corner and give it a little padding so it doesn't stick to the edges:
.page-hero {
position: relative;
}
.hero-ui {
position: absolute;
bottom: 0;
right: 0;
padding: 20px;
}