Button radius slider gone

  • Resolved hattiealice1

    (@hattiealice1)


    3 years, 7 months ago

    I have just started using rounded buttons as call to action ‘Buy on Amazon’. I did this by using a radius slider. That has disappeared, and i can only do rectangle buttons. How do I do rounded corners on my buttons? Thanks

    • This topic was modified 3 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello @hattiealice1,

I hope you are doing well 

so you can use CSS to make the button border corners rounded. 

Here is the step first log in to your WordPress Admin Dashboard > to go Customizer > Additional CSS > and paste this CSS code over there. 

/*Make button border radius round*/
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%;
    border-radius: 10px;
}

and if you want more rounded on the corner then you can increase the border radius into 15px or 20px or if you want a less rounded corner you can decrease it as well.
    Thread Starter hattiealice1

    (@hattiealice1)

    Imran
    Thank you so much. Bless you!

    Thread Starter hattiealice1

    (@hattiealice1)

    Hi Imran
    Sorry to be a bit useless.
    I have pasted that css code into appearance – customize.
    Nothing seems different. Is there another step I should be taking?

    Thanks
    Laura

    Thread Starter hattiealice1

    (@hattiealice1)

    HI again
    Sorry, I get it now. It doesn’t show in edit mode, but it does when it goes live.
    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Button radius slider gone’ is closed to new replies.