To move the Accordion Module dropdown arrow position from right to the left follow these steps:
Go to the Accordion module -> Advanced tab -> CSS Class and add a new CSS class. In our example we will use et_toggle_arrow CSS class.
For more details on how to add a custom CSS class, you can also visit this article: How To Add Additional CSS Classes To Divi Modules.
Insert this CSS code into Divi > Theme Options > Custom CSS box and click the green "Save Changes" button to save changes:
/* Start Accordion Module icon move */
.et_accordion_arrow .et_pb_toggle_title:before {
left: 0 !important;
}
.et_accordion_arrow .et_pb_toggle_title,
.et_accordion_arrow .et_pb_toggle_content {
padding-left: 1.5em !important
}
/* End Accordion Module icon move */
As a result, the Accordion Module dropdown arrow will show left of the Accordion Title, as seen in the screenshot below:
