Hello, I am using the dawn theme. At my product page I have a collapsible row like this
But I want it to be exactly like this. Including the text boldnes and size
Can you please help me to do this?
Topic summary
A user seeks to customize collapsible rows on their Dawn theme product page to match a reference design, focusing on text styling and functionality.
Initial Request:
- Modify collapsible row appearance to match specific boldness and sizing from reference images
- EBOOST provides CSS code to add to
main-product.liquidfile
Follow-up Customizations:
- User requests changes to description text and title font sizes
- Additional CSS provided to make accordion content bold
- User clarifies they want to match font style from competitor site (ronning.store)
Font Solution:
- Reference site uses “Aktiv Medium” font (paid font via Adobe)
- EBOOST directs user to free alternative at dafontfree.io
- Provides link to tutorial for implementing custom fonts in Shopify
Accordion Behavior:
- User requests auto-close functionality (one row open at a time)
- EBOOST links to previous community post with implementation guide
Status: User confirms font implementation worked successfully. Final request involves changing font sizes for additional page elements (shown in screenshots). Discussion remains open with ongoing styling adjustments.
Hi @Urtuca ,
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
- Sections/main-product.liquid
- Add code below to top of file
1 Like
Thank you!
Can u please also help me to change the description text
Mine is like this:
I want it to be like this :
You can add more code below:
.product__info-container .product__accordion .accordion__content {
font-weight: bold;
}
I mean this
This is my page :
but I need the title and description text size and font like this:
Can u help me to get the same font and font size
U can look here what I mean: www.ronning.store/products/fireman-clasp-jacket-grey
and mine is :
Hi,
Their site font is “Aktiv Medium”. We need use the font the same. The font current is “Assistant, sans-serif”.
This font is not free. https://fonts.adobe.com/fonts/aktiv-grotesk.
Thank you, how can I purchase the font?
And do you maybe know how I can make the collapsible row like when I open 1 row the other row will close automatically. Now it’s like you can open all collapsible rows.
Hi,
You can refer this post. I guided to do it https://community.shopify.com/c/shopify-design/dawn-theme-one-collapsible-row-open-at-a-time/m-p/2984821#M781427
1 Like
Hi,
You try to get font here https://www.dafontfree.io/aktiv-grotesk-font/
Then follow this post to apply font https://community.shopify.com/c/shopify-design/how-can-i-add-a-custom-font-to-my-website-theme/m-p/2302668
Hi,
You try to get font here https://www.dafontfree.io/aktiv-grotesk-font/
Then follow this post to apply font https://community.shopify.com/c/shopify-design/how-can-i-add-a-custom-font-to-my-website-theme/m-p/2…