CODEWITHSUNDEEP
accordionelementortext-align
Zak Morgan
Zak Morgan

Reputation: 1

(Elementor Widget) Center accordion title but have the icon on the far left of the box

Okay thank you in advance for helping me out. Elementor (WordPress web builder) doesn't provide a way to produce the desired effect within the editing panel so I am asking for help from all you smart individuals who have more experience with css.

I want to edit the title container within the accordion widget to allow me to left-align the icon but center-align the title. When I inspect and edit the page I've been trying numerous ways I know of (which is next to nothing) using .e-n-accordion-item-title and .e-n-accordion-item-title-icon but have had no success editing them/ separating them from one another. Please help!

Current: screenshot of current situation

Desired: image of desired outcome where icon is on the left and the title is in the center

I tried various things and this but this is the most recent failure:

selector .e-n-accordion-item-title {
    display: flex;
    text-align: center;
}

selector .e-n-accordion-item-title-icon {
    margin-left: ;
    margin-right: 0;
}

Upvotes: 0

Views: 15

Answers (0)

Related Questions