Please make my accordion tabs smaller please

[flaminmoe]

Hi,

My accordion tabs on the product page are too big.

Could you make them smaller please like this:

Here is my URL:
atelier-gstaad.ch

BONUS:
If you can help me capitalise “Beschreibung” to “BESCHREIBUNG” that would be AWESOME!

Thank you !!!

[devcoders]

Hello @flaminmoe

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.accordion__toggle.bold font {
text-transform: uppercase;
}

[CafeDelMar]

Hi @flaminmoe . Welcome to the Shopify Community!

Here’s how to achieve that:

1. Navigate to Sales Channels → Online Store → “Customize” button → Theme settings (Gear icon on the left sidebar) → Custom CSS
2. Add the following code:

details summary .accordion__toggle.bold {
    padding-block-start: 0.5rem !important;
    padding-block-end: 0.5rem !important;
    text-transform: uppercase !important;
}

3. Save (right top corner)
4. Hard refresh the storefront

Feel free to adjust the values.

If done correctly, the result should be like this:

[flaminmoe]

Thank you man !

[CafeDelMar]

Anytime! Glad to help!