Styling the Filter

More
2 years 2 weeks 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 years 2 weeks 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
2 years 2 weeks 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 years 2 weeks 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
2 years 2 weeks ago - 2 years 2 weeks 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 years 2 weeks ago by Darren Pitfield.

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

More
2 years 2 weeks 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
2 years 2 weeks 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 years 1 week ago - 2 years 1 week 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: 2 years 1 week ago by JoomLine.

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

More
2 years 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 years 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 years 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.

Powered by Kunena Forum

Last from the forum

    • JL Sitemap extensions for Phoca Gallery, JEvents a...
    • I've started to use JL Sitmap and it seems to work fine. I'm perfectly fine with a static sitemap where I choose the time when the script will generate extra load on the web server. I would like to have extensions for Phoca Gallery, JEvents and AdsManager. What should one consider when it comes to develop extension that for JL Sitemap?
    • In Component / JL Sitemap
    • After login nothing happens
    • When I try to log into the site using google, twitter or twitch, the page reloads but does not create any account and I do not log in. When I check my Google or Twitch account, they say that access has been granted. There is no account in the Slogin settings. No error display.
    • In Component / Slogin
    • Slogin Политика персональных данных
    • Здравствуйте! Подскажите, пожалуйста...как решить проблему с политикой персональных данных... Включил на сайте joomla согласие с политикой персональных данных. После того как нажимаешь на ярлык авторизации через соц. сети (Slogin) открывается страница Параметры профиля, где перечисляются данные (Имя, логин, почта и т.д) и ниже вопрос...согласны с политикой персональных данных или нет....и самое интересное, что не важно что выбрать (Да или нет)....в базе данных уже создан профиль этого пользователя со всеми данными....тоесть до выбора ответа профиль уже есть и даже если выйти и отказаться, то всё-равно профиль остаётся в базе данных сайта....
    • In Component / Slogin
© 2010-2020 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.

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