Studio theme, changing font size for heading of a webpage

Store Design
1

Hello, I’m using the Studio theme. I’ve made a drop-down menu for the store’s navigation, and I’ve created pages to correspond to items in the drop down menu. When I go to edit these pages, I’m able to change the font for the body of the text, but as far as I can see, there are no controls for changing the heading font size, which is in an extremely large font. For example, here .

I’d be very grateful to understand how to change the heading font size for the webpages linked to my drop-down menu (and ideally, I don’t want to change headings for the entire theme, just for the webpages).

many thanks!, bj

2

hallo @boulderjane

send url password

3

Hi @boulderjane ,

Could you share me the password so I can check it for you?

Kind & Best regards,
GemPages Support Team

4

Hallo @boulderjane

You can add code by following these steps to change collection and product pages background color:

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file

  3. Paste the below code before

a.header__menu-item.header__menu-item.list-menu__item.link.link--text.focus-inset span { font-size: 15px !important; }

If you require any further information, feel free to contact me.

Best regards,

5

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

6

Hello @boulderjane ,

You need to override the existing CSS of the heading, and for that, you need to use “ !important” for each CSS rule.

Here, is an example that will help you understand better.

.heading{

font-size: 40px !important;

}

Let us know if you need any further help from us.

All the best,

CedCommerce

7

Thank you for your reply! I tried inserting the code you sent. It is changing the size of the menu links themselves, but instead what I want to change is the heading of a page that is linked from the menu. For example, if you click the FAQ link, and then choose How to buy vintage clothing online, you’ll see on the page that comes up, the heading “How to buy vintage clothing online” is very large compared to the text “It’s not so hard.” What I want to reduce is that “How to buy vintage clothing online” heading.

This a link to the preview:

https://iwoax3d549vfo84f-65930658029.shopifypreview.com

Thanks so much!, bj