Symmetry Theme: How to adjust subheading text on homepage slideshow

Solved
VVBDA
New Member
3 0 0

Hi there, I'm using the Symmetry theme and can't figure out how to adjust the thickness of the subheading text in the homepage slideshow, there are no options for subheadings in the Theme Settings under 'typography'

Snip20210203_19.png

Any help would be appreciated, thanks!

0 Likes
LamQSolutions
Tourist
4 1 0

Hi @VVBDA 

You can increase the font size of the subheading by adding the following code at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

.overlay-text__subheading {
  font-size: 20px;
}

Hope this works.

 

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our app Scrolly Telling for creating scroll-based animations visually.
0 Likes
VVBDA
New Member
3 0 0

Thanks for your help on this, is there a way to make it bold as well?

0 Likes
LamQSolutions
Tourist
4 1 0

This is an accepted solution.

Hi @VVBDA 

To make it bold you can use the following code

.overlay-text__subheading {
  font-size: 20px;
  font-weight: bold;
}
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our app Scrolly Telling for creating scroll-based animations visually.
0 Likes
VVBDA
New Member
3 0 0

This worked perfectly, thanks so much!

0 Likes