How to add new style to bullet list in RTE in AEM 6.5

Forum|Forum|2 years ago
May 5, 2023
1 reply
2112 views

I want to change the colour of bullet list inside rte. So I created a new clientlibs with categories (rte.coralui3, cq.authoring.editor) and added my style definition and linked the created clientlibs inside my dialog but the clientlibs is not picked up.

Clientlibs changes

Dialog

I am following up this forum https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/add-style-to-rte-6-3-lt-ul-gt-or-lt-li-gt-element/m-p/255466. But it is not working in AEM 6.5. Am I missing anything ?

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 Sady_Rifat

Hello @mario248 ,

I think it's your CSS syntax problem. You missed using -> ::marker

.cq-RichText-editable ul li::marker {
    color: #ffc107;
}

And also make sure your clientlib is imported properly using extraClientlibs or with default clientlib

Sady_Rifat

Community Advisor

Hello @mario248 ,
Make sure you set allowProxy="{Boolean}true" this property in your clientlib

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:ClientLibraryFolder"
    allowProxy="{Boolean}true"
    categories="your.clientlib.category/>

Documentation: Using Client-Side Libraries | Adobe Experience Manager

Mario248Author

Level 7

Thanks for your reply. I added allowProxy prop but still it is not working.

Sady_Rifat

Accepted solution

Community Advisor

Hello @mario248 ,

I think it's your CSS syntax problem. You missed using -> ::marker

.cq-RichText-editable ul li::marker {
    color: #ffc107;
}

And also make sure your clientlib is imported properly using extraClientlibs or with default clientlib

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded