Solved

Impulse Theme: Left Align Dropdowns on Product Page

lucemansfield
Visitor
3 0 0

Hi! I need help left aligning these dropdowns on the product page. Everything else on this page is left aligned except these boxes. See attached image!

 

Thank you!

 

IMG_6659.jpg

Accepted Solution (1)

deepaksharma
Shopify Partner
443 61 90

This is an accepted solution.

Hi there @lucemansfield 

Paste the code in the bottom of the file theme.css.liquid

[data-center-text=true] .collapsible-trigger-btn {
    text-align: left !important;
}

Do let me know if this fixes your issue.

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

View solution in original post

Replies 4 (4)

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@lucemansfield 

 

can you please share the store url?

 

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

deepaksharma
Shopify Partner
443 61 90

This is an accepted solution.

Hi there @lucemansfield 

Paste the code in the bottom of the file theme.css.liquid

[data-center-text=true] .collapsible-trigger-btn {
    text-align: left !important;
}

Do let me know if this fixes your issue.

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
lucemansfield
Visitor
3 0 0

That worked! Thank you 😊

Anshul_arora
Navigator
293 68 48

Hello @lucemansfield ,

I understand you are facing an issue in your collapsible tab text.

The text is in centre as by default in Impulse theme it is set to be centre

Anshul_arora_0-1709620496442.png

 

 

You can change the existing code in your .css file or can copy paste the below mentioned code in theme.liquid file.

<style>

[data-center-text=true] .collapsible-trigger-btn {
text-align: left !important;
}

</style>

Anshul_arora_1-1709620587976.png

 

I hope this helps.

Please let me know if you have any query.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here