Modifying styles of filters

More
5 years 4 months ago #7998 by Leo Hoogerbrugge
Modifying styles of filters was created by Leo Hoogerbrugge
I used an earlier topic (joomline.net/forum/jlcontentfieldsfilter...ling-the-filter.html) to modify the sublabels. However, I did not manage to make the label itself bold. Also I would like to line up the text of the sublabels with the checkboxes. Now the sublabel text is lower than the checkbox. Can anyone help me with the css styles to change?

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

More
5 years 3 months ago #8008 by JoomLine
Replied by JoomLine on topic Modifying styles of filters
Hello.
CSS styles depend on your site, something that fits in the subject, perhaps not suitable for your site, it's hard to say something without seeing the site.

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

More
5 years 3 months ago #8010 by Leo Hoogerbrugge
Replied by Leo Hoogerbrugge on topic Modifying styles of filters
With some more trial and error I found it out my self using the page source and searches on the web. I used:

[class*="jlmf-checkbox"] {
position:absolute;
}

label.jlmf-sublabel {
font-style: normal; vertical-align: middle; margin-left: 20px;
}

The margin left is needed to create room for the checkbox.

I think these CSS styles are independent of the template used.
The following user(s) said Thank You: ahancity

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

More
5 years 3 months ago #8013 by JoomLine
Replied by JoomLine on topic Modifying styles of filters
Many templates impose their styles on the standard form elements, almost all override the checkbox.
The following user(s) said Thank You: ahancity

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

Powered by Kunena Forum

Last from the forum

    • jomexej304
    • The crimson peony shrimp sushi is big. The shrimp body is almost 9 centimeters long. It's miles sweet and chewy. The beef is thick and very scrumptious. The clam meat cooked with sake is sweet and has no sand. 
    • In Component / Afisha Joomla
    • Баг?
    • У меня одна категория материалов. В этой категории несколько сотен материалов. Есть несколько кастомных полей.Первое типа list (categorywork), другие* list c мультивыбором. Другие* зависят от первого Атрибут showon (categorywork:1, categorywork:2 и так далее). Какие настройки я должен сделать на вкладке "Параметры фильтрации", что бы в модуле подбора вылезали не сразу все "Другие", а только та, которая зависит от showon (как это реализовано в Joomla)? Установлена Joomla 5.1.4 + JL Content Fields Filter v.3.0.0 То есть вылезают все select, даже те которые содержат в себе параметры отсутствующие у материалов (не назначенные к материалам). Изображения: раз: drive.google.com/file/d/1wDtY_iBL5StjrTv...3co/view?usp=sharing два: drive.google.com/file/d/1Vqy5MlJWC15i3z1...nbo/view?usp=sharing
    • In Modules Joomline / JL Content Fields Filter
    • sports
    • Tesla CEO Elon Musk was snubbed from TIME Magazine’s “Most Influential People in AI” list, despite being the driving force behind the company’s self-driving efforts, data collection, and the development of the humanoid robot Optimus, along with other projects, like xAI. TIME released its list today, highlighting what it intended to be a compilation of the most brilliant names in AI. Those on the list have achieved big things, and the names on the list are not to be discredited in any way. Some of the names on the list are the biggest in tech and AI development. Jensen Huang, CEO of Nvidia, Sam Altman, CEO of OpenAI, Satya Nadella, CEO of Microsoft, and Mark Zuckerberg, CEO of Meta, are all included on the list. These are just a few of the names that TIME listed as the most influential in AI, but Musk was not included.  
    • In Общий форум / Общие вопросы по Joomla
© 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.