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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts