[SOLVED] Flexicontent CSS overwrites tinymce CSS

grand
Topic Author
Offline
New Member

9 years 1 month ago - 9 years 1 month ago #57713 by grand

[SOLVED] Flexicontent CSS overwrites tinymce CSS was created by grand

Hi,

installed flexicontent on a clean joomla installation. The CSS from the TinyMCE Buttons gets overwritten by the flexi_form.css.
Any way to fix this easily?

Attachments:

Last edit: 9 years 1 month ago by ggppdk.

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

ggppdk
Offline
Administrator

9 years 1 month ago - 9 years 1 month ago #57714 by ggppdk

Replied by ggppdk on topic Flexicontent CSS overwrites tinymce CSS

Hello

i think we can remove a part of the match definition of the CSS rule as it is not need in v3 !

change in flexi_form.css
(note i say change the file, because this change will be commited for v3.0.9, any other changes you should make them in your own custom CSS files)

about line 312:

Code:

.flexicontent button:not(.btn):not(.close),
.fc_button:not(.btn),
.fc_buttons button:not(.btn),
.flexi_buttons button:not(.btn) {
...
}

to:

Code:

.fc_button:not(.btn),
.fc_buttons button:not(.btn),
.flexi_buttons button:not(.btn) {
...
}

thus removing the:
.flexicontent button:not(.btn):not(.close),

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

Last edit: 9 years 1 month ago by ggppdk.

The following user(s) said Thank You: grand

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

grand
Topic Author
Offline
New Member

9 years 1 month ago #57723 by grand

Replied by grand on topic Flexicontent CSS overwrites tinymce CSS

Anyone having the same issue you also have to remove:

Code:

.flexicontent button:not(.btn):hover,

from line 389 to get rid of the wrong :hover.

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

ggppdk
Offline
Administrator

9 years 1 month ago #57750 by ggppdk

Replied by ggppdk on topic Flexicontent CSS overwrites tinymce CSS

Hello

Code:

.flexicontent button:not(.btn):hover,

yes that is not needed either, will remove it

please note that any other changes that you make will be overwritten when you upgade,
and it is important to be able to upgrade the component,
so you should put any other CSS changes into a sepearate file

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