css for fc_button btn

rottenberg
Topic Author
Offline
Platinum Member

11 years 11 months ago #31956 by rottenberg

css for fc_button btn was created by rottenberg

hello,

How can I change the css for the 'fc_button btn' in the search field.
On my template it's unreadable (white letters on Light grey background)

Thank you for help

best regards
Michel

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

ggppdk
Offline
Administrator

11 years 11 months ago #31962 by ggppdk

Replied by ggppdk on topic css for fc_button btn

Hello,
you can use this CSS code to force a letter color and other styling:

Code:

#flexicontent button,
div.flexi_edit .flexi_buttons button
{
  color: darkgreen !important;
}

above the selector:
#flexicontent button {...}

effects your button in the category/tags/favourites/search etc views

and the selector:
div.flexi_edit .flexi_buttons button { ... }

effects buttons in frontend edit form

Regards

-- 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...

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

rottenberg
Topic Author
Offline
Platinum Member

11 years 11 months ago #31963 by rottenberg

Replied by rottenberg on topic css for fc_button btn

I have tried to put the css code in my Joomla template Css file. It doesn't work.

in which file do I need to put this code ?

thanks for help

Michel

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

ggppdk
Offline
Administrator

11 years 11 months ago #31966 by ggppdk

Replied by ggppdk on topic css for fc_button btn

This is strange, your template has a stricter rule??,

only with an onlilne link we could see what CSS rules take effect

Regards

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

ggppdk
Offline
Administrator

11 years 11 months ago #32008 by ggppdk

Replied by ggppdk on topic css for fc_button btn

Ok, it i checked URL you posted to me it is a combination of 2 things:

-- you have an older or modified category template and only 1 out of 2 needed CSS rules are applied
-- the first flexicontent CSS rule that is applied is not so good: it make color and background very close

-- remove previous rule that you added and edit
components/com_flexcontent/assets/css/flexicontent.css

and change at about line 458:

Code:

#flexicontent button, div.flexi_edit .flexi_buttons button {
    background: none repeat scroll 0 0 #EEEEEE !important;
    border: 1px solid #CCCCCC !important;
    border-radius: 5px 5px 5px 5px !important;
    [b]color: white !important;[/b]
    font-size: 11px;
    font-weight: bold;
    margin: 2px 6px 2px 0;
    padding: 1px 4px 1px 2px;
}

to be
...
color: darkgreen !important;
...

-- I will update our default CSS too

Regards

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