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

SOLVED

Creating Components with Rounded Corners

Pantego29
Level 1
Level 1

It is possible to create text and image components in AEM with rounded corners? I have attached an image as an example.Rounded corners.jpg

1 Accepted Solution
BrianKasingli
Correct answer by
Community Advisor
Community Advisor

@Pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}

View solution in original post

4 Replies
BrianKasingli
Correct answer by
Community Advisor
Community Advisor

@Pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}
bangar50
Level 7
Level 7

Hi @Pantego29 ,

   Yes,  You can  do using   custom CSS.

Use client library.

Please refer the below link for custom CSS and js.

 

    https://experienceleague.adobe.com/docs/experience-manager-65/developing/introduction/clientlibs.htm...

Regards,

Sanjay

Arun_Patidar
Community Advisor
Community Advisor

Hi,

If you are not planning to build a new component, you can use the Core Teaser component with style system and add css mentioned by @BrianKasingli

https://www.aemcomponents.dev/content/core-components-examples/library/page-authoring/teaser.html