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

Avatar

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

Avatar

Correct answer by
Community Advisor

@Pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}

View solution in original post

0 Replies

Avatar

Correct answer by
Community Advisor

@Pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}

Avatar

Community Advisor

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

Avatar

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