How to change the font size of just one element?

Store Design
1

Hi, I am working with this website https://www.virdiisunique.com/

Screen Shot 2022-05-02 at 7.35.50 PM.png
Screen Shot 2022-05-02 at 7.35.50 PM.png1038×744 183 KB

I would like to change the font of just this one section to “Pacifico”; I’ve gone to theme.scss.liquid and tried the following, but none work:

.h2.feature-row__heading.h3.separator.has-animated {
	font-family: Pacifico !important;
  }

.feature-row__heading.h3.separator.has-animated {
	font-family: Pacifico !important;
  }

#shopify-section-1478026923193 {
font-family: Pacifico !important;
  }

Would be grateful for any help, thank you!

1 Like
2

@ElegantWeb

div#shopify-section-1478026923193 h2.feature-row__heading.h3.separator.has-animated {
    font-family: Pacifico !important;
}

Add this code in the bottom of theme.scss file.

  1. Navigate to Online Store->Theme->Edit code
  2. Asset->/theme.scss ->paste below code at the bottom of the file.
  3. Save it.

Thank you.

3

This did not work, any other suggestions?