FAQ's Accordion - Align Text

Site URL: https://www.paulspencerart.com/faqs

Hi,

Hoping this is an easy fix.

I've used the following method to create an Accordion FAQ's page https://localcreative.co/blog/dropdown-accordion-style-faq-squarespace

It works fine, but I would like to left align the text as detailed in the attached image (top image is how it is currently. Bottom image is how I'd like it aligned). Is this possible?

Any help with this much appreciated.

Many thanks

Paul 🐵

https://www.paulspencerart.com/faqs

Password is 'Cheese'

Hi. Add to Design > Custom CSS

/* align markdown */
div#block-yui_3_17_2_1_1610638936827_4652 {
h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
h4:before {
    margin-right: 10px;
}
}

2 hours ago, tuanphan said:

Hi. Add to Design > Custom CSS

/* align markdown */
div#block-yui_3_17_2_1_1610638936827_4652 {
h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
h4:before {
    margin-right: 10px;
}
}

 

That worked perfectly! Thank you very much! 🐵

Hi @Spennie, 

I see that you used some custom code to try to create an accordion on your site and it caused some unexpected issues with alignment. I'm happy to say that should you want to add an accordion to your site without additional code, you can do so using the accordion block! We have some information about the possibilities and customizations of the accordion block in our guide "Accordion blocks" should you want to take a look. Happy site building!