Enlarge text size and increase line weight of text - Palo Alto Theme

Store Design
, ,

Topic summary

A user seeks to enlarge font size and increase line weight for text and buttons on their menu page (both desktop and mobile) using the Palo Alto theme.

Three solutions provided:

  1. infoatcodelab7 suggests editing theme.css by adding CSS targeting .column__item.button.btn--primary with font-size: 18px and line-height: 2 (desktop), plus a media query for mobile with line-height: 1.

  2. GemPages Support Team recommends opening the theme.liquid file and pasting code before </head> (specific code appears corrupted/unreadable in the thread).

  3. PageFly-Victor proposes adding CSS to theme.css targeting a specific section ID with font-size: 20px and font-weight: bold !important.

All responses involve custom CSS modifications through the theme code editor. The discussion remains open with no confirmation of which solution worked.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

menu.png
menu.png1443×737 301 KB

Hello,

On “menu” page, how can I enlarge the size of font and button on desktop and mobile version both?

Also how can I increase line weight of button and text?

Thank you for your assistance in advance.

https://www.yook92.com (password: 692)

1 Like
2

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

a.column__item__button.btn.btn--primary {
    font-size: 18px;
    line-height: 2;
}
@media (max-width:575px){
    a.column__item__button.btn.btn--primary {
        line-height: 1;
    }
}
3

Hello @YK92 ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1677746493681.png
GemPages_0-1677746493681.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

4

Hi @YK92

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

#SectionColumns--template--18083903635742__972f124a-4c45-4a44-90d3-e3a2fbbcffb7 .column__item__button {
    font-size: 20px !important;
    font-weight: bold !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly