Solved

Begging for help with impulse theme dropbox

Peter2020
Excursionist
33 0 4

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 ❤️

 Screenshot 2024-02-01 at 4.28.40 PM.png

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
1724 478 353

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.

ThePrimeWeb_0-1706895645267.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
1724 478 353

Hey @Peter2020,

 

Can you share the link to your store?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
ThePrimeWeb
Shopify Partner
1724 478 353

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.

ThePrimeWeb_0-1706895645267.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Peter2020
Excursionist
33 0 4

Thank you so much, that helped. Truly appreciated.