Styling the Filter

More
6 years 5 months 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
6 years 5 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
6 years 5 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
6 years 5 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
6 years 5 months ago - 6 years 5 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: 6 years 5 months ago by Darren Pitfield.

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

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

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

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

    • virtual phone
    • One day, a monkey drove his car near a lake. Sudden, he saw a tiger under a tree. The tiger saw him, too. The tiger ran very fast at the monkey. The monkey was very afraid and he and his car fell into the lake. The monkey couldn't swim and he shouted. A rabbit came and he jumped into the lake. The abbit swam to the monkey but did not help him. Both of them shouted forhelp. Luckily, a giraffe came along. He was very tall. He helped the rabbit and the monkey.  
    • In Component / JL TV
    • gothotnews
    • For cervical spondylosis, taking chinese medicinal drug orally can achieve normal inner and external treatment. If it is a symptom of blockage and ache, we will deal with the outside attack of wind, cold and dampness or blood stasis with the aid of warming and dredging the meridians, activating blood movement and getting rid of blood stasis, or dispelling wind and dampness. If it's far a sickness of disgrace and ache, then the qi and blood of the internal organs must be improved, and the treatment must be to replenish the liver and kidneys, support the muscle tissue and bones, or nourish qi and blood.
    • In Component / JL Mail
    • best seo company
    • One crisp autumn afternoon, while playing near the house, Emma noticed something shiny half-buried in the dirt. She dug it up and found an old, ornate key with intricate designs. Excited, she wondered what it might open. With the key clutched tightly in her hand, she approached the old house. The door creaked open with surprising ease, and Emma stepped inside. The interior was just as dusty as the outside, but it had an air of mystery. She wandered through the rooms, discovering old furniture and forgotten toys. Each room told a story of a family that had once lived there long ago. As she explored, Emma came upon a small, locked chest in the corner of one room. Her heart raced as she inserted the key into the lock. With a satisfying click, the chest opened to reveal a collection of old photographs, letters, and a beautiful, hand-carved wooden box. Inside the wooden box was a small locket. When Emma opened it, she saw a picture of a young girl who looked strikingly similar to herself. Beside the locket was a letter addressed to "The Finder of the Key." The letter explained that the house had belonged to a family who had to leave quickly many years ago, leaving behind their cherished belongings. The letter's writer was the young girl’s great-grandparent, and the locket was a family heirloom meant to be passed down. Emma's heart swelled with joy as she realized that she had discovered a piece of her own history. She decided to bring the locket and the other treasures to her parents. They were amazed and touched by the find, and they decided to restore the old house, making it a special place to remember their family’s history. From that day on, the house was no longer forgotten. It became a cherished part of the town, where Emma and her family would often visit, sharing stories of the past and making new memories. And so, the little girl with the curious heart had not only uncovered a hidden treasure but had also brought new life to a piece of history, all with a simple, forgotten key.
    • In Component / JL Mail
© 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.

email: sale@joomline.ru