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

Store Design
1

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

Screen Shot 2023-01-12 at 11.30.08 am.png
Screen Shot 2023-01-12 at 11.30.08 am.png1378×648 69.6 KB

2

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

3

https://brew2you.au/pages/faq

4

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

5

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; }
6

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

7

Hi [email removed]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;
}

PageFlyVictor_0-1673496303731.png
PageFlyVictor_0-1673496303731.png1600×337 52.9 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

8

@brew2you

Please change my above code to below code to apply to all 3 dropdowns :grinning_face_with_smiling_eyes:

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

Best regards,
GemPages Support Team

9

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