Site logo

Archived topic

Button Place in Page Header Image

1 reply · Started by Lilia on April 8, 2019

Viewing posts 1–2 of 2

Dear generatePress Team,
I want to put 4 Buttons to the bottom right in Page Header Image!

button for page haeder

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;
}
This archived topic is closed to new replies.