Expand my Community achievements bar.

SOLVED

Edit CSS property of coral class

Avatar

Level 1

Hi Team, after the latest upgrade, we are facing some issues with the placement of infopoints with the checkboxes and wanted to edit the CSS property 'width' for the class 'coral3-Checkbox' class. Please let me know how I can modify the CSS properties of a coral class by adding it under an existing css file in clientlibs.Coral Class.png

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi,

 

I also faced similar issue with AEM 6.5.11 and added width:auto in my custom css which has category clientlibs "cq.authoring.dialog.all" which fixed the issue.

 

Code:

.coral3-Checkbox { width: auto; 
}

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi,

 

I also faced similar issue with AEM 6.5.11 and added width:auto in my custom css which has category clientlibs "cq.authoring.dialog.all" which fixed the issue.

 

Code:

.coral3-Checkbox { width: auto; 
}