Dawn Theme: How to make the font of collapsible tab smaller?

Store Design
1

Hi guys,

I’m using the Dawn Theme, the font size for my collapsible tab’s heading is 1.5 rem, but the text under the tab is 1.6 rem. How do I make the latter 1.5 rem like the former?

Thanks in advance.

2

@michaelvisa

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

It’s merandiworld.com

Thanks.

4

@michaelvisa

  1. Go to your store Assets > base.css and paste the lines at the bottom of the file
.product__accordion .accordion__content p {
    font-size: 1.5rem;
}

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

2 Likes
5

Works now, thank you so much!

6

Hi there - I’m also trying to do the same on my product pages, but instead of the content font, I’d like to decrease the size of the Accordion Title/Header font? How do I do that? Thank you in advance :slightly_smiling_face:

Screen Shot 2022-02-02 at 10.07.25 AM.png
Screen Shot 2022-02-02 at 10.07.25 AM.png850×540 15.7 KB

7

@dominey

  1. Go to your store Assets > base.css and paste the lines at the bottom of the file
.product__accordion.accordion .accordion__title {
    font-size: 14px;
}

adjust the px value according to your need.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on mail | Shopify Design Changes | Custom Modifications In to Shopify Theme

1 Like
8

Thank you much! That worked like a charm :slightly_smiling_face:

9

@dominey

Please accept is as solution to help other people find a solution

Regards