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

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
Super User I

@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
"Broken crayons still color." Anon

View solution in original post

1 REPLY 1
Super User I

@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
"Broken crayons still color." Anon

View solution in original post