How to edit specific font sizes on specific pages

Store Design
1

Hi,

I’d like to make some of the titles bigger on some pages, mainly the home one. For this example, I’m looking to make this wording larger and underlined without affecting the rest of the font sizes on the website. Screenshot below:

Screenshot 2021-07-25 202141.png
Screenshot 2021-07-25 202141.png1570×273 281 KB

What code in theme.scss would help me do this?

www.beachbeb.com

1 Like
2

@dekiv

let me know which page do you need change font size

1 Like
3

@KetanKumar this is for the homepage currently

1 Like
4

@dekiv

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-index #shopify-section-1611220068d0945ff4 h4 {
    font-size: 50px;
    text-decoration: underline;
}

Hope this works.

Thanks!

5

hello @dekiv

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-index #shopify-section-1611220068d0945ff4 h4 {
    font-size: 45px;
    text-decoration: underline;
}
6

@dekiv

thanks please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-1611220068d0945ff4 h4 {
    font-size: 40px; /* change value as you like */
    text-decoration: underline;
}
1 Like