Adjust position title and description and buttons in the Jumbotron Section page

Illdy
1

Hi,

Congrats for a great theme.

I would like some help to configure the positions of the header titles and button in the Jumbotron Section. I would like to have the Title at the top of the section and the Description and buttons at the bottom, giving some space for the background image.

I have looked in your forum and I have only found css code for adjusting the padding, which moves the whole lot of elements.

Please help.

2

Hello there,

I hope you are doing well today.

I can try to provide some CSS to make the changes by using the demo them but if you provided your website link I would be able to create more personalized CSS for the site.

You can use the following CSS code to move the title and buttons by going to Appearance > Customize > Additional CSS and pasting it there.

/*Move elements*/
#header.header-front-page .bottom-header h1 {
    position: relative;
    bottom: 250px;
}

#header.header-front-page .bottom-header .section-description {
    color: #ffffff;
    position: relative;
    top: 200px;
}

#header.header-front-page .bottom-header .header-button-one, #header.header-front-page .bottom-header .header-button-two {
    position: relative;
    top: 200px;
}

Best Regards,
Support

3

The given code was just what I was looking for.

Thank you so much!

4

Hey there,

Happy to help,

Please let us know if there’s anything else we can assist you with.

Best Regards,
Support.