Header Titles

Hello

how do I move up or down the titles in the module?

example below

<h1 data-scroll-reveal="enter top over .5s after 0s">The Best Steak House is Here</h1>

<h2 data-scroll-reveal="enter bottom over .5s after .15s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper orci semper tempus.</h2>

<a href="#restaurant" class="btn" data-scroll-reveal="enter bottom over .5s after .25s">Discover our restaurant</a>

Thanks

Hi,
as always using:

Code: Select all

 style=" "

For example default code for H1 is:

Code: Select all

#gkHeaderMod h1 {
    padding-top: 30px;
}

It means in your example:

Code: Select all

<h1 data-scroll-reveal="enter top over .5s after 0s" style="padding-top: __px;">The Best Steak House is Here</h1>

where __ - if your value.
Just add padding or margins to : h2 or a.

Hello

I use

#gkHeaderMod 1 {
padding-top: 10px;
}
#gkHeaderMod 2 {
padding-top: 30px;
}
#gkHeaderMod a {
padding-top: 100px;
}

but the last (#gkHeaderMod a {padding-top: 100px;}) makes the first 2 also come down

iI tried to direct the code but the box(Discover our restaurant) did not come down, just came down the text

Thanks

Some help please

thanks

how can I help, if you didn't add url.