Popup CSS – can’t change the look

Hi,

I’m trying to change the aesthetic of the popup button but can’t seem to get it to work. I’m using the popup widget.

I’ve chosen a bordered button – when I change the background colour setting – it changes the colour of the border and not the background.

Can you please give me css to change:

1) The background colour of the button
2) The border colour of the button
3) The border width

Hello,

The button can be changed via the HTML block named “Promo popup”, edit it in your page builder and make changes per your needs.

Best Regards.

Hi,

Sorry I think i was misunderstood.

I was referring to the button that opens the popup?

Please see image below:

Attachments:

You must be logged in to view attached files.

Hello,

Please share the wp login details in private content under the message area I will check and give you a possible solution.

Best Regards.

Please see login

Hello,

Edit page with Elementor > edit popup widget and in the style tab customize the button style:
Screenshot for clarification:
https://ibb.co/PgFd0Kb

Best Regards.

Hi,

So I’ve chose a bordered button – when i change the “background colour” – it changes the colour of the border and not the background.

Then, there’s no option to change the width of the border.

Hello,

Please add this code to the Theme Settings > Custom CSS:

.btn-style-bordered.btn-color-alt {
    border: 3px solid black;
}

Best Regards.

[Author]

Posts