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

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

  • August 22, 2017
  • 2 replies
  • 2042 views

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.
Best answer by kautuk_sahni

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.

2 replies

kautuk_sahni
Community Manager
kautuk_sahniCommunity ManagerAccepted solution
Community Manager
August 22, 2017

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
bruticuss
bruticussAuthor
Level 2
August 23, 2017

Thank you very much that was very helpful

Terms & ConditionsAccessibility statement

Loading footer...