How can I reduce the font size of a pop-up link?

Topic summary

A user seeks help reducing the font size of a pop-up link in their Shopify store, providing a screenshot for reference.

Proposed Solutions:

Two respondents offer similar CSS-based fixes:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Locate the CSS file (suggestions include base.css, section-main-product.css, or assets folder)
  • Add custom CSS targeting .product-popup-modal__button

CSS Code:

.product-popup-modal__button {
  font-size: 12px; /* or desired size */
}

One response suggests adding !important to ensure the style override takes effect. The discussion provides a straightforward technical solution but remains open for the original poster to confirm implementation success.

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

Hi!

can anyone help on decreasing font size of pop-up link? s. screen shot

store url: www.mism.store

Thanks in advance!

Best,

team-mism

1 Like

Hello @monomgroup

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.product-popup-modal__button {
    font-size: 12px;
}

1 Like

Add

.product-popup-modal__button {
font-size: <>px !important;
}

to assets/section-main-product.css

1 Like