Styling the Filter

More
5 years 6 months ago #7605 by Darren Pitfield
Styling the Filter was created 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
5 years 6 months ago #7616 by JoomLine
Replied by JoomLine 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
5 years 6 months 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
5 years 6 months ago #7625 by JoomLine
Replied by JoomLine 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
5 years 6 months ago - 5 years 6 months 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: 5 years 6 months ago by Darren Pitfield.

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

More
5 years 6 months ago #7632 by JoomLine
Replied by JoomLine 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
5 years 6 months 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
5 years 6 months ago - 5 years 6 months ago #7648 by JoomLine
Replied by JoomLine 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: 5 years 6 months ago by JoomLine.

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

More
5 years 6 months 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
5 years 6 months 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
5 years 6 months 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.

Powered by Kunena Forum

Last from the forum

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

Contact:

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