How do i change the current style properties of the <h> tags in the RTE plugin

[bruticuss]

Hi,

I have added the rtePlugins > paraformat > formats > p, h1, h2, h3, h4, h5 on one of my components.

What i would like to know is how can i change the current font size and color of the H1, H2..H5 tags?

I checked the codes and it seems they are in an iframe (Classic UI) with a body id of "CQrte" and my current css styles for H1, H2 are being ignored.

Also i'm not trying to add a Style dropdown menu, i just want to change the look of the existing header tags. Is this possible?

Appreciate your help in advance.

[kautuk_sahni · Accepted solution]

See this injecting custom css styles for html tags generated by RTE

//

For Custom Style plugin in RTE,

Please refer to this community article:-

Link:- https://mkbansal.wordpress.com/2016/01/09/aem-rte-custom-styles-plugin/

// AEM | RTE – Custom Styles Plugin

     RTE – Custom Styles Plugin – Touch UI

     RTE – Custom Styles Plugin – Classic UI

I hope this would help you.

[bruticuss]

Thank you very much that was very helpful