How to align text in collapsable row on the product page to the left

[deluc004]

How do i align my text in my collapsible row to the left so it is inline with the header. Also how do change it so it remains open and it cannot be toggled

do

[BSS-TekLabs]

• Here is the solution for you @deluc004
• Please follow these steps:

• Then find the base.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

.product__accordion .accordion__content, .rte ul {
    padding: 0 !important;
}
.rte>*:first-child, .rte>*:last-child, .rte li { 
 text-align: left !important;
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[Made4uo-Ribe]

Hi @deluc004

Check this one.

1. From you Admin page, go to Online Store > Themes
2. Select the theme you want to edit
3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
4. Then place the code below at the very bottom of the file.

.product__accordion .accordion__content p {
    text-align: left;
}

• And Save.

• Result:

• 

  Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[deluc004]

how do i enable the first one to be stock open without any option to close it

[deluc004]

I need the first one to be like this

[Made4uo-Ribe]

Do you want to add a disk list-type? But when you enter the content on the accordion/collapsible content, did you see this format?

[deluc004]

I would prefer it like the screenshot but this could work. only thing now it to make this row naturally visible so its not a dropdown

[deluc004]

Sorry it is already like the screen shot sorry, but just need to it be static and not a collapsible row

[Made4uo-Ribe]

You can add direct to the description no need to used the collapsible.

Like this right?

The above part of the image you mean? You can hide the collapsible on the edit theme.

[deluc004]

Description is in the collapsable underneath