Call To Action button

[Kor van de Bunt]

Hi,

On the pages https://www.mlbeauty.nl/new-home/services/ Treatments/ https://www.mlbeauty.nl/new-home/services/huidproblems/ https://www.mlbeauty.nl /new-home/services/products/ I have placed a call to action. I have the following questions about this:

1. I have set the Hover Color button to black, see screen shot:
https://ibb.co/gmgBzHq
2. On the preview desktop, tablet and mobile, the hover button does not turn black, but the border color see screen shot:
https://ibb.co/vZcWQSk

What’s wrong here?

Regards,

Kor

[Sonnal S Sinha]

Hi,

Kindly use this CSS.

.skt-blocks-cta-64c14415-49d4-4a7c-9726-6383955cefb2 .skt-blocks-cta-button-wrapper:hover {
  background-color: #000000 !important;
}

Regards,
Chris

[Kor van de Bunt]

Hi,

I have applied the CSS code see screenshot:

https://ibb.co/D8k5n3G

The only thing that changes is the border color #000000, but the background color remains FDB84 and does not change to #000000 see screenshot:

https:/ /ibb.co/ZNLFzSH

Regards,

Kor

[Kor van de Bunt]

Hi,

I see that on the page https://www.mlbeauty.nl/new-home/services/huidproblems/ the Hover Color button is black see screen shot:

https://ibb.co/7X1T2TP

On the other two pages https://www.mlbeauty.nl/new-home/services/ Treatments/ and https://www.mlbeauty.nl /new-home/services/products/ it is not yet good as previously described.

Regards,

Kor

[Sonnal S Sinha]

Hi,

Kindly use this CSS to resolve hover color issue.

.skt-blocks-cta-91c29d0a-1d94-45ad-b90c-69cfd2380ccf .skt-blocks-cta-button-wrapper:hover,
.skt-blocks-cta-5ceed8ec-25d7-4761-b66d-1505fed2a103 .skt-blocks-cta-button-wrapper:hover {
  background-color: #000000 !important;
}

Regards,
Chris

[Kor van de Bunt]

Thanks for helping

Regards,

Kor

[Sonnal S Sinha]

🙂

[Kor van de Bunt]

Hi,

There is still a problem with the Hoover Button Color. I created two new CTAs on the page https://www.mlbeauty.nl (home) and https://www.mlbeauty.nl/new-home/services/. The Hoover Button Color does not turn black.

See screen shot:
https://ibb.co/wYfTHKV

I expected it to be resolved with the latest CSS adjustments.

Regards,

Kor

[Sonnal S Sinha]

Hi,

Kindly use this CSS.

.skt-blocks-buttons-repeater:hover, .skt-blocks-cta-button-wrapper:hover { background: #000 !important;}
.skt-blocks-buttons-repeater a:hover { color: #fff !important;}

Regards,
Chris

[Kor van de Bunt]

Hi,

Thanks.

Regards,

Kor

[Sonnal S Sinha]

🙂

[Author]

Posts