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

Store Design
, ,
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