Styling the Filter

More
2 months 1 week ago #7605 by Darren Pitfield
Can you let me know where and how to style the filter area and text? In particular I would like to:

1) Modfiy the size of the fonts and also
2) Reduce the spacing between the field labels.

See image:
drive.google.com/open?id=1PNjk9G7fCeapbKgElIvoD4NZR2sK71ga

Thank you.

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7616 by Joomline Support
Replied by Joomline Support on topic Styling the Filter
Hello. Add the required css code to your template’s custom.css. In the module settings can disable the styles for the module, if necessary.

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7621 by Darren Pitfield
Replied by Darren Pitfield on topic Styling the Filter
Please can you let me know the css code to place in there to reduce the line spacing between the field label rows. I have been trying to create an override but I have been unable to get it correct?

Thanks you,
Darren

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7625 by Joomline Support
Replied by Joomline Support on topic Styling the Filter
Specify the URL where the module is displayed.

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago - 2 months 1 week ago #7630 by Darren Pitfield
Replied by Darren Pitfield on topic Styling the Filter
You can see it here at this URL:
www.professionalsoccercoaching.com/attacking-phases-of-play

I need to reduce the spacing between the labels:
Make everything tighter vertically.

Passing

Shooting

Defending




SSG

Phases of Play

etc.......
Last edit: 2 months 1 week ago by Darren Pitfield.

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7632 by Joomline Support
Replied by Joomline Support on topic Styling the Filter
[class*="jlmf-list"] > div > div:not(:first-child) {
    margin-top: 0px;
}
 
label.jlmf-sublabel {
    font-size: medium;
}

You can add a css.
I note that we support, but you are working on - css knowledge questions are not included in the support.

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7642 by Darren Pitfield
Replied by Darren Pitfield on topic Styling the Filter
I added the css into the module class suffix on the module 9which didnt work, then removed) and also in separate custom .css template file and it did not work for me (the above code).

I did in the custom template .css but did not work?:

drive.google.com/open?id=1CRFNJq4PzyQ7AyhqaAJhm6KrR1npb1Dj

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago - 2 months 1 week ago #7648 by Joomline Support
Replied by Joomline Support on topic Styling the Filter
You use the jchoptimize plugin, which compresses the css of your site, it adds this css to the module styles, so the module styles overlap the template styles.

s.mail.ru/Kq4i/FmcRh4Hh5 add to styles !important

see screenshot
s.mail.ru/AQ7J/fmQ8KCoxm
Last edit: 2 months 1 week ago by Joomline Support.

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7649 by Darren Pitfield
Replied by Darren Pitfield on topic Styling the Filter
I have this added to my .css file (rt_osmosis-custom.css) and I still do not see any of the changes to the font or spacing?


[class*="jlmf-list"] > div > div:not(:first-child) {
margin-top: -3px; !important;
}

label.jlmf-sublabel {
font-size: small; !important;
}

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7650 by Darren Pitfield
Replied by Darren Pitfield on topic Styling the Filter
Can you help as to why the styling is still not displaying for the module?

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #7651 by Darren Pitfield
Replied by Darren Pitfield on topic Styling the Filter
Is there a way I can go into the actual module code and directly change the css? I've tried with JCH on an off and its not working still even with !important.

Please Log in or Create an account to join the conversation.

email: This email address is being protected from spambots. You need JavaScript enabled to view it.

© 2010-2018 JoomLine
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries. joomline.org is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.