This topic has 10 replies, 2 voices, and was last updated 9 years by 
-
-
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
AndreasHello, 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 solutionVery 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
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 solutionHi Laura, thanks for your patience
Here is your admin login for you (see screen2.jpg)
I have played around with Firebug and tweaked those values
.standard-form label, .standard-form span.label {
margin: 7px 7px 0;
}It’s better but not yet perfect. The screenshot shows the effect of my CSS.
I would prefer a small padding after the checkbox and before the text as well.I have removed the custom CSS again to see and learn how you will do it 😉
Thanks
AndreasHello, 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 solutionHi Laura
The credintials are
dd
rtmedia-2017But I think what you are experiencing are those strange log-in issues (that I am still working on following your suggestions).
This means – when you go to new.datedick.com and try to log-in there, it does not work
If you go to https://new.datedick.com/wp-admin/ it wouldAnyway – now you should be able to log-in 😉
Regards
AndreasHello, 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 solutionGlad to help 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
You must be logged in to reply to this topic.