Creating Components with Rounded Corners | Community
Skip to main content
October 7, 2021
Solved

Creating Components with Rounded Corners

  • October 7, 2021
  • 4 replies
  • 1920 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by BrianKasingli

@pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}

4 replies

Kishore_Kumar_
Level 9
October 8, 2021

Hi @pantego29 ,

 

You can add custom CSS to get this.

BrianKasingli
Community Advisor and Adobe Champion
BrianKasingliCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
October 8, 2021

@pantego29,

You can easily achieve this by adding this CSS property

.card {
     border-radius: 0;
}
Sanjay_Bangar
Community Advisor
Community Advisor
October 8, 2021

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.html?lang=en

Regards,

Sanjay

arunpatidar
Community Advisor
Community Advisor
October 8, 2021

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