1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Button with only one round corner

Discussion in 'Free Divi Community Forum' started by Lucie123, Apr 21, 2024.

  1. Lucie123

    Lucie123 New Member

    Hello, I would like to ask how to make a button-radius for only one corner?
    I tried using custom CSS but it is not working. I added CSS class "button" to the button and then in Divi settings added this CSS:

    .button a {
    border-top-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    }

    Do you please have any idea am I doing wrong?

    Thanks
     
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  2. fasih

    fasih New Member

    try putting !important next to the property
     
  3. Divi Booster

    Divi Booster Divi Expert

    If this is for the Divi Button module, the CSS class actually gets set on the "a" tag itself, so use this instead:

    Code:
    Log In or Sign Up to view this code.
    If it still doesn't work, try combining this with the !important property suggested by fasih.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  4. Divi Booster

    Divi Booster Divi Expert