Live version showing oval whereas the preview showing correctly.

  • Resolved LoriT

    (@lteachum)


    2 years, 6 months ago

    If you look on the right sidebar, there is an oval button. The button showed this way awhile ago – maybe a couple of months ago.

    In the editing preview pane, it is rectangular like it’s supposed to be.

    I have this plugin on several websites and it does the same for all of them, so I know it’s not website specific.

    Any ideas for a fix?

    Thank you!

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author webdzier

    (@webdzier)

    Hello @lteachum,

    Sorry for the late response.
    We have checked the sidebar button on your site. We have investigated your issue and found that it is CSS border-radius issue. If you want to change your button to a rectangle then, please uncheck your button circle setting.
    Please check the attached screenshot here.

    OR

    We are providing custom CSS setting. You can add custom CSS :-
    ” .wd_button_1285{border-radius: 4px;} ”
    If you have any issue feel free to contact us.`

    Thanks

    Thread Starter LoriT

    (@lteachum)

    Hi there! Thank you for the response!
    I looked at the border is already unchecked.
    I then added the custom css and it didn’t change anything.
    Please assist.
    Thank you!

    Plugin Author webdzier

    (@webdzier)

    Hello @lteachum,

    Sorry for the late response.
    Again, We have checked your button and found the CSS code has not added there. So please add the CSS code:-
    .wd_button_1285{border-radius: 4px!important;}

    Steps:-
    1 Go to Dashboard -> Appearance -> Customize -> Additional CSS.
    2 Paste above CSS code.
    3 Now click on publish button to save it.

    Please check the attached screenshot.

    Thanks

    Thread Starter LoriT

    (@lteachum)

    Wonderful! Yes, that worked.
    So on this website https://housecallstotalwellness.com/ I added the code and it didn’t work, but then I noticed you have a custom css field for each individual button, so I added it there and then it worked. So I had to add it to each button, but now the button’s text isn’t centered. Any ideas? It’s an older WordPress website.

    Thank you!

    Plugin Author webdzier

    (@webdzier)

    Hello @lteachum,

    Thank you for contacting us again.
    We have checked your button, The button height is 60px that’s why the button’s text isn’t centered. So please add the custom CSS code:-
    .button_container a.wd-hvr-simple{height: auto!important;}

    Steps:-
    1 Go to Dashboard -> Appearance -> Customize -> Additional CSS.
    2 Paste above CSS code.
    3 Now click on publish button to save it.

    Please check the attached screenshot.

    Thanks

    Thread Starter LoriT

    (@lteachum)

    Yes, that looks better. Not perfect, but much much better!
    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Live version showing oval whereas the preview showing correctly.’ is closed to new replies.