Floating contact form

[PABK]

Hi,

Is it possible :

– to change the colors of the built-in contact floating icons.

– to have it on mobile device

Thanks

[Kieran_SQ]

Hey @pabk,

Thanks for reaching out today, you can use the below CSS in your KLEO Child theme’s style.css or in Quick CSS under Theme Options > General Settings > Scroll to: Quick CSS. Please adjust the color values to suit your needs.

Changing the contact form button background color
a.kleo-quick-contact-link {background-color: #de1414;}

Changing the contact form button icon color
.kleo-quick-contact-link i {color: #000000;}

Use the contact form on mobile devices

COPY CODE

@media screen and (max-width: 480px) {
.kleo-quick-contact-wrapper {display: -webkit-inline-box;}
}

I hope this helps 🙂

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[PABK]

Thanks a lot Kieran
You forgot the sign”@” before media screen, but all works fine !
Joel

[Kieran_SQ]

Oops! I have corrected it now, glad it’s all working for you 🙂

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts