Expand my Community achievements bar.

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

4 Replies

Avatar

Community Advisor

Hi @Pantego29 ,

 

You can add custom CSS to get this.

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

 



Arun Patidar