Changing Product Font Size on Quick Add Menu (Desktop Only)

Store Design
, ,
1

The product font size when I click my “Quick Add” button is a bit too big on desktop. I was able to make it smaller on mobile view but not desktop.

I appreciate any help :slightly_smiling_face:

URL: https://leediastore.com/

password: yaurow

destop-quick-add-menu.jpg
destop-quick-add-menu.jpg1908×967 142 KB

1 Like
2

Hi @LEEDIA

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

product__title>h2 {
    font-size: 25px !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

3

Hi @LEEDIA

Just to clarify decrease for the font is only for the pop up options? If it is try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.quick-add-modal__content.global-settings-popup .product__title h2.h1 {
    font-size: 25px !important;
}
4

Yes the result you showed is exactly what I want, but I pasted the code in base.css and saved and nothing changed for some reason.

1 Like
5

Please, replace on this one. Thanks!

#ProductInfo-quickadd-template--21211836711217__main > div.product__title > a > h2 {
    font-size: 25px !important;
}

And Save.

6

I just got the first code to work by pasting it in “quick-add.css”. Works perfectly, pasting it here instead of “base.css” won’t cause any issues though correct?

1 Like
7

yeah, that is the exact css file for that template.

1 Like