how do i change the multicolumn description font to the same font as my multicolumn heading and whole page font?
Topic summary
Main issue: Change the Multicolumn description font in a Shopify store to match the Multicolumn heading and the site’s overall font.
What happened:
- Two replies requested the store URL (and password if enabled) to inspect the theme directly.
- A concrete fix was proposed via custom CSS, added to theme.css/base.css (or styles.scss.liquid/custom.css):
.multicolumn__content .multicolumn__description { font-family: inherit; } - The original poster reported that this CSS did not work.
Current status:
- No confirmed solution yet; the issue remains unresolved.
- Further troubleshooting is pending access to the store details (URL/password) as requested.
Notes:
- The provided CSS snippet is the main technical suggestion so far.
- A screenshot was shared, but no additional technical context (theme name or existing CSS overrides) was provided.
Next steps (implied by thread):
- Share the store URL and password for targeted diagnosis or explore theme-specific selectors and overrides once details are available.
1 Like
Hey @ads_18
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi @ads_18 ,
To change the multicolumn description font to match the heading and the entire page font in your Shopify store, you can add custom CSS. Here’s how you can do it.
Follow these steps:
-
Online store > themes > edit code.
-
In the code editor, locate the theme.css or base.css file (depending on your theme, it could also be under styles.scss.liquid or custom.css).
Scroll to the bottom of the file and add the following CSS code:
.multicolumn__content .multicolumn__description {
font-family: inherit; /* This will inherit the font from the heading and rest of the page */
}
This CSS rule will make the font of the multicolumn description inherit the same font used for the headings and other parts of the page.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regard,
Rajat Sharma
hey, this didnt work