Symmetry Theme: How to adjust subheading text on homepage slideshow

Technical Q&A
1

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
Snip20210203_19.png2016×986 375 KB

Any help would be appreciated, thanks!

2

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.

3

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

4

Hi @VVBDA

To make it bold you can use the following code

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

This worked perfectly, thanks so much!