Accordion Font Styling Code

[designwright]

Hi Guys
I am just getting started on Pro and having read through the documentation on CSS styling and the details around specificity I am lost. Can you help me with the correct ID, class, and CSS details in the set-up I should use? I have got this far and there is something wrong. I have tried using inspect to correctly identify, but I fear that I am completely lost…

$el.x-text{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27.1932px;
font-family: raleway;
}

Thanks Rob

[friech]

Hi Rob,

Thank you for writing in, you don’t need custom CSS to style the header and content of Accordion element. Under the tab panels, you’ll see all the text-styling and text-formatting controls you need.

• 

If you don’t see these options on your end, please enable the Advance Mode

Accordion element

You can read more about text-format and text-style controls here.

Cheers!

[designwright]

excellent, thank you for the guidance

[designwright]

Hi Friech,

Now that I have all the control at hand, there is one element I cant seem to move into alignment.
The symbol and the type are not lining up. Can you advise which of the two elements I can and move independently of the other.
Thanks Rob

[ruenel]

Hello Rob,

In your accordion title, please make sure that there are no html tags in it.

Kindly let us know how it goes.

[designwright]

Hi Runel, I am all sorted now with the accordion styling, thank you

[nabeel]

Glad we could help.

Cheers!