CONTACT FORM

[kjcarleo]

Hey is it possible to widen the size of the contact form located at the bottom right of the page? See attachment.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, yes, with some css adjustments, what is the size you are looking for?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[kjcarleo]

Just about enough to fit “Contact the Association” on one line. Could I put any icons on it as well, maybe custom fields?

Kevin

[Laura]

Hello please add this to style.css of child theme

COPY CODE

div#kleo-quick-contact {
    width: 300px;
}

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[kjcarleo]

That worked great as far as sizing, but how about icons and/or bold or italicized text?

[Laura]

Hello, here for the texts

COPY CODE

h4.kleo-qc-title {
    font-weight: 700;
    font-style: italic;
}
div#kleo-quick-contact p {
    font-weight: 600;
    font-style: italic;
}

Which icons do you mean?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[kjcarleo]

OK bold works fine. I am just is it possible to use icons like the available KLEO icons in the Contact Form?

Also, can I add fields?

[Laura]

Hello, just with css. Where do you want the icon?
To add fields you will need to edit the code

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[kjcarleo]

I would like the icons before and after the Title.

For the fields, where would I edit the code?

Kevin

[Laura]

Hello, try adding this to style.css of child theme for the icons

COPY CODE

h4.kleo-qc-title:before {
    content: '\e85f';
    font-family: fontello;
    padding: 10px;
}
h4.kleo-qc-title:after {
    content: '\e85f';
    font-family: fontello;
    padding: 10px;
}

The icon is ‘\e85f’
Find more icon codes at http://fontello.com/

To edit the contact modal you need the help of a developer.
The file is kleo\lib\modules.php

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[kjcarleo]

OK Icon looks great, I went with just on the left to stay with the theme…

Attachments:

You must be logged in to view attached files.

[kjcarleo]

BY the way, where can I find a icon listing for the KLEO fonts?

[kjcarleo]

Sorry I meant …for the KLEO icons?

[Laura]

Hello, Find more icon codes at http://fontello.com/

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[kjcarleo]

Yes but which Font Family is it using? “Fontelico”, “Font Awesome”, ….

[Laura]

Hello, try with font awesome

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

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

Always happy to help you 🙂

[Author]

Posts