Thanks

Kylie

To remove accordion header icons add following line of CSS to Customizer → Custom → CSS

.x-accordion-heading .x-accordion-toggle:before{content:"";}

Thanks

You’re Welcome!

Thanks

What are the CSS to Customizer → Custom → CSS instructions for the size of the header text?

Thanks

Kylie

Yes, you can of course insert a different icon into accordion headers by adding something like below into Customizer → Custom → CSS

.x-accordion-heading .x-accordion-toggle:before{content:"\f13d";}

You can find large set of icons at http://fortawesome.github.io/Font-Awesome/icons/. When you click on an icon, you will find its “unicode”.

The above unicode example of f13d comes from fa-anchor icon. Please make sure you put a “\” before the unicode as shown in above example.

For modifying the size of accordion header text, please add the following code in Customizer → Custom → CSS

.x-accordion-heading .x-accordion-toggle{
font-size:120%;
}

You can of course define your desired font size in percentage form.

Thanks

Is it possible to achieve this with icons that come with the X theme? Can you please show me an example?

I understand if I did this it wouldn’t work:

.x-accordion-heading .x-accordion-toggle:before{content:”[icon type=”adjust”]”;}

but I don’t know another way to include in css form?

Try using this code.

.x-accordion-heading .x-accordion-toggle:before{content:"\f042";}

Hope it helps.

Thanks.

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!