cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Go to solution
Highlighted

Changing Hero Headline in Stout Theme

I want to change the size of the heading and/or make it responsive on mobile.

 

When you access on mobile the title reads:

 

AWAKENI

NG

 

www.ericjeffreykaufman.com

 

I have tried changing font-size but that changes the text and not the header.  

 

Can anyone help?

 

Thanks!

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Super User I Super User I
Super User I
Solution

Re: Changing Hero Headline in Stout Theme

@EricJKauf 

 

When you want to determine the CSS involved, when viewing your site, right click on the area of interest and then choose Inspect Element (I use Firefox,in Chrome it's just Inspect).  The CSS will then display for that element.  In this case this is the CSS controlling what you reference:

 

.hero .widget .widget-title {
    font-size: 7rem;
}

Copy that then paste it in: Appearance > Customize > Additional CSS.  Then modify it as you wish.

 

Start with a 5rem and see if that works!

 

HTH! 😉

Judith
"Today ends tonight and tomorrow starts again."

View solution in original post

1 REPLY 1
Highlighted
Super User I Super User I
Super User I
Solution

Re: Changing Hero Headline in Stout Theme

@EricJKauf 

 

When you want to determine the CSS involved, when viewing your site, right click on the area of interest and then choose Inspect Element (I use Firefox,in Chrome it's just Inspect).  The CSS will then display for that element.  In this case this is the CSS controlling what you reference:

 

.hero .widget .widget-title {
    font-size: 7rem;
}

Copy that then paste it in: Appearance > Customize > Additional CSS.  Then modify it as you wish.

 

Start with a 5rem and see if that works!

 

HTH! 😉

Judith
"Today ends tonight and tomorrow starts again."

View solution in original post