Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list
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; 
}