Fontfamily in Filterlabels

3 years 1 month ago - 3 years 1 month ago #57586 by Flor1an1976
Hi. I've already overwritten some css parts with a override.css. That has worked well. But i don't find the font-family and background color for the search-filter labels in frontend category view. I want to change the font family from serif to san-serif. Nothing happens. Only the uppercase works. :unsure: I cant change the background-color fromt the label too. Is this a special case? Other labes I could change without problems.....Thx for help and best regards

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

3 years 1 month ago - 3 years 1 month ago #57587 by ggppdk
Replied by ggppdk on topic Fontfamily in Filterlabels
Hello

there is no font-family set by flexicontent CSS

it will be inherited
e.g from
body

so you need to check your site CSS and Joomla template CSS
e.g.
in firefox, click CTRL-SHIFT-K to open browser tools
use the "pick element ..." arrow button to select an element
then inside "computed" TAB, you can click to open "font-family" row and see from where it is inherited

but regardless from where it is inherited, you can use:
.fc_filter_label {
 font-family: ...;
}
or
body  .fc_filter_label {
 font-family: ...;
}
or
.fc_filter_label {
 font-family: ...!important;
}


-- FLEXIcontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

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

3 years 1 month ago #57591 by Flor1an1976
Thx. I forgot the !important :S

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

3 years 1 month ago #57594 by ggppdk
Replied by ggppdk on topic Fontfamily in Filterlabels
Hello

only use important on specific classes or ids and only if needed

some of our rules are
.fc_filter_label,
#flexicontent .fc_filter_label {
...
}

try using (without important):
body  .fc_filter_label,
body   #flexicontent   .fc_filter_label {
  ...
}


-- FLEXIcontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

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

3 years 1 month ago #57595 by Flor1an1976

try using (without important):

body .fc_filter_label,
body #flexicontent .fc_filter_label {
...
}


This is the perfect solution! Thanks

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

Moderators: vistamediajoomlacornerggppdk
© 2018 Flexicontent. All Rights Reserved.