Formating search

[gfisch]

Hello. Right now I have formated search check boxes like this (screen1.jpg).
Since I have so many, the search form is very long.

I have found a CSS Attribute to format it in blocks like this (screen2.jpg)

.form-search .kleo-checkbox label {

    display: inline-block;

}

But this doesn’t really look nice.

I would rather format it something like that (screen3.jpg)
More space before and after the check boxes.
If possible space between the blocks of checkboxes.
The colors in screen1 and screen2 (green) is ok. It doesn’t have to be white.

Any tips how I could accomplish that?

Thanks
Andreas

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try the following css

COPY CODE

.kleo-checkbox label {
    float: left;
    padding: 10px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket 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 🙂

[gfisch]

Very cool this looks nice now. You sure can give me a tip how to give more padding to the check boxed in the edit mode now too. Thank you. Andreas

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, if you can share access so i can see it, i will give you 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 🙂

[gfisch]

This reply has been set as private.

[gfisch]

This reply has been set as private.

[Laura]

Hello, admin credentials didn’t work, let me know

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 🙂

[gfisch]

This reply has been set as private.

[Laura]

Hello, try using this

COPY CODE

.option-label span {
    margin-right: 10px;
}

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 🙂

[gfisch]

Very good. Thank you Laura. Case closed 😉

[Laura]

Glad to help 🙂

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