How do i change the current style properties of the <h> tags in the RTE plugin | Community
Skip to main content
bruticuss
Level 2
Aug 22, 2017 5:59 AM UTC
Solved

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

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
kautuk_sahni
kautuk_sahniAccepted solution
Employee
Aug 22, 2017 10:58 AM UTC

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.

Kautuk Sahni

2 replies

bruticuss
bruticussAuthor
Level 2
Aug 23, 2017 12:00 AM UTC

Thank you very much that was very helpful

Translate
kautuk_sahni
kautuk_sahniAccepted solution
Employee
Aug 22, 2017 10:58 AM UTC

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.

Translate
Kautuk Sahni