Call To Action button

Home Forums Gravida Support Call To Action button

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #207773
    Kor van de BuntKor van de Bunt
    Participant
    • Topics: 105
    • Replies: 317
    • Total: 422
    Member since: June 3, 2015

    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

    #207824
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30749
    • Total: 30749
    Member since: August 16, 2013

    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

    #207833
    Kor van de BuntKor van de Bunt
    Participant
    • Topics: 105
    • Replies: 317
    • Total: 422
    Member since: June 3, 2015

    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

    #207834
    Kor van de BuntKor van de Bunt
    Participant
    • Topics: 105
    • Replies: 317
    • Total: 422
    Member since: June 3, 2015

    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

    #207865
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30749
    • Total: 30749
    Member since: August 16, 2013

    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

    #207867
    Kor van de BuntKor van de Bunt
    Participant
    • Topics: 105
    • Replies: 317
    • Total: 422
    Member since: June 3, 2015

    Thanks for helping

    Regards,

    Kor

    #207874
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30749
    • Total: 30749
    Member since: August 16, 2013

    🙂

    #207921
    Kor van de BuntKor van de Bunt
    Participant
    • Topics: 105
    • Replies: 317
    • Total: 422
    Member since: June 3, 2015

    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

    #207940
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30749
    • Total: 30749
    Member since: August 16, 2013

    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

    #207952
    Kor van de BuntKor van de Bunt
    Participant
    • Topics: 105
    • Replies: 317
    • Total: 422
    Member since: June 3, 2015

    Hi,

    Thanks.

    Regards,

    Kor

    #207956
    Sonal S SinhaSonal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30749
    • Total: 30749
    Member since: August 16, 2013

    🙂

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.