How can I adjust vertical text alignment in the Dawn theme?

[brew2you]

Hi team,

Looking to change my text alignment so it aligns centrally in relation to the checkmark.

Theme: Dawn

Link to home: www.brew2you.au

[GemPages]

Hello @brew2you 

I cann't find this section on your pages. Can you share me your page URL that contains this section?

Best regards,
GemPages Support Team

[brew2you]

https://brew2you.au/pages/faq

[GemPages]

Hi @brew2you 

You can try adding code by following these steps:

1. Go to Online Store -> Theme -> Edit code  https://prnt.sc/elKuwYWlBrEo

2. Open your base.css in the Assets folder.
3. Paste the below code at the end of the file https://prnt.sc/X2s5zNy6jiwG

#shopify-section-template--16189765615765__9024cf88-5c82-4df6-8724-5af9153249c8 .collapsible-content-wrapper-narrow .accordion .accordion__title{
    display: flex;
    align-items: center;
}

Best regards,
GemPages Support Team

[brew2you]

Thank you. Is it possible to apply this to all 3 drop-downs?

[GemPages]

@brew2you 

Please change my above code to below code to apply to all 3 dropdowns 😄

.collapsible-content .collapsible-content-wrapper-narrow .accordion .accordion__title{
    display: flex;
    align-items: center;
}

Best regards,
GemPages Support Team

[Dan-From-Ryviu · Accepted solution]

Hi @brew2you, you can solve it by following this

• Go to Online store > Themes > Edit code
• in Assets folder open base.css file 
• Add this code below at the bottom and click Save button

.accordion summary { align-items: center; } 

[PageFly-Victor]

Hi @Brew2you,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-accodion.css,

Step 3: Paste the below code at bottom of the file -> Save

.accordion summary{
align-items: center !important;
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly 

[shubhamSharma]

hello  @brew2you 

step 01:
1. Go to your Store > Theme > click to edit code.
2. find this file " base.css " and open.

step 02:
1. Paste the code at the end of the file.

.accordion summary {
    align-items: center !important;
}

have a look screen short--  https://prnt.sc/qQFZiJ_E0_IV

this idea helps you