Hero Title

[beronningen]

Hi Bill !

I have been trying to move the Hero Title on my front page. I found the following code by searching the forum

.hero-title {
padding-top: 400px;
}

But I can’t seem to get it to work.

I want to move the title downwards.

Regards
Bjorn

[Bill Robbins]

Good Morning Bjorn,

Great question. You can change the position of the hero content vertically. Here’s how to do that:

1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
2. From the tabs at the top, choose the Advanced one.
3. Scroll down to the Custom CSS box and add this:

   
   .hero-copy  {
   	top: auto;
   	bottom: 10%;
   }
   

4. Save your changes.

That should move so it is aligned closer to the bottom of the screen. You can change how far from the bottom it is by changing the 10% in that snippet to a different number. A smaller number will move it closer to the bottom and a larger one will move it higher up. If you run into any trouble there, let me know.

Take care,
Bill

[Author]

Posts