Shopify themes, liquid, logos, and UX
Hello everyone, I have been busy trying to search and fix this for hours and hours but cant find the solutions. This is for the impulse theme. Its the dropbox below add to cart.
1. How do I make the dropdowns below the add to cart in bold? I have played around in typography but when I change it to bold there it makes other areas bold too which I dont want. I only want to make these headers bold.
2. How to remove the side and top lines of this dropdown box? I only want the lines between each header to remain.
3. What do you call this dropdown box below the add to cart button? What is the proper shopify term for it? This might help me find the solutions on my own.
All help is appreciated ❤️
Solved! Go to the solution
This is an accepted solution.
Here you go @Peter2020,
The codes below help you solve the problem. As for question 3. Normally this is called an accordion, but in Shopify's terms, it's a "collapsible".
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
body.template-product .collapsibles-wrapper button.label {
font-weight: bold;
}
body.template-product .collapsible-trigger-btn--borders {
border: none;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Peter2020,
Can you share the link to your store?
This is an accepted solution.
Here you go @Peter2020,
The codes below help you solve the problem. As for question 3. Normally this is called an accordion, but in Shopify's terms, it's a "collapsible".
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
body.template-product .collapsibles-wrapper button.label {
font-weight: bold;
}
body.template-product .collapsible-trigger-btn--borders {
border: none;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Thank you so much, that helped. Truly appreciated.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025