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

Solved Styling buttons in Divi Sidebar

Discussion in 'Free Divi Community Forum' started by chewskydoo, Dec 27, 2024.

  1. chewskydoo

    chewskydoo New Member

    Is there a way to adjust the styling of buttons in the Divi Sidebar, so that the corners are less rounded? As as example, I have a "Visit My Practice Website" button here: https://www.ocdsouthflorida.com/ocd-scriptathon-2017/

    Thanks for any help you can provide.
     

    Attached Files:

    #1 chewskydoo, Dec 27, 2024
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Hey chewskydoo,

    You need to reduce the "border radius" on the buttons. You should be able to do that by:

    1) Going to "WP Admin > Appearance > Widgets"
    2) Clicking on the button you want to change
    3) Clicking on the "Block" tab in the right sidebar
    4) Clicking on the styles icon (a half-black, half-white circle)
    5) Locate the "Radius" setting and reduce it to your desired amount of roundness (0px for fully square corners)
    6) Save and check on the front-end

    If you have any trouble with that, you could also adjust the border-radius with CSS, such as this:

    Code:
    Log In or Sign Up to view this code.
    You can add this at "WP Admin > Divi > Theme Options > General > Custom CSS".

    Hope that helps!
     
    #2 Divi Booster, Dec 27, 2024
  3. chewskydoo

    chewskydoo New Member

    Hi Dan, thank you so much! The second option worked perfectly! For some reason, I wasn't able to find the styles icon in the widget area. However, the CSS code did the trick! Thanks again!
     
    #3 chewskydoo, Dec 27, 2024
    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  4. Divi Booster

    Divi Booster Divi Expert

    You're welcome! I'm glad the CSS worked. If you need it, here's a screenshot of the setting location:

    button-block-radius.png

    The style icon is the second step - the half-filled circle.

    Thanks!
     
    #4 Divi Booster, Dec 27, 2024
  5. chewskydoo

    chewskydoo New Member

    Thank you, I see it now! I was in the wrong section of the interface. Thanks so much!!!
     
    #5 chewskydoo, Dec 30, 2024
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  6. Divi Booster

    Divi Booster Divi Expert

    You're welcome, chewskydoo!
     
    #6 Divi Booster, Jan 1, 2025
(You must log in or sign up to post here.)