skip to Main Content

Hope everyone doing well!

I am making a site in WordPress through Elementor plugin. I am facing a weird issue on the button. Button has line break <br>, even I didn’t add it there.

enter image description here

But on the other hand, the button is showing alright in Elementor dashboard, but when I do a live preview, button messed up.

enter image description here

I tried to deactivate all plugins and themes, but it didn’t work. Need Help!

2

Answers


  1. You have to assign a custom class tag to the button element, it most likely would be assigned to the div .elementor-button-wrapper, you’ll have to check it with dev tools, then you need to access the theme style on appearance/editor. So you could add the following code:

    .class-used br{
        display:none;
    }
    

    In case the class you assigned to the button is not in a parent tag on top of all
    you need to eliminate try the same process assigning the class to the column or element that wraps the button. Hope it give you an idea to solve the issue.

    Login or Signup to reply.
  2. button or link padding, width, margin and other style won’t work. Because button or link need to add display:inline-block; or display: block; then it will be work. So you need to use that display:inline-block; or display: block;. Hope it helps

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search