[Support request] Button Place in Page Header Image

Home Forums Support [Support request] Button Place in Page Header Image

Home Forums Support Button Place in Page Header Image

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #862535
    Lilia

    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

    #862633
    David
    Staff
    Customer Support

    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;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.