Css style from flexicontent applied to my forms...

Chabi01
Topic Author
Offline
Platinum Member

10 years 6 months ago #50218 by Chabi01

Css style from flexicontent applied to my forms... was created by Chabi01

Hi again everybody,
Here again for a new question !!

I use in Flexicontent a load module to call a Breezing forms module.
The problem is simple : the class of Flexicontent are used in my form !
I put a specific class on a field in my form but that's not better.
The problem is for a graphic button : the flexiform css file is applied on it.
My code generated by Breezingforms is :

Code:

<div id="ff_div2992" class="divbuttongfx" style="position:absolute;z-index:6;left:375px;top:135px;">
<button id="ff_elem2992" class="buttongfx" onclick="ff_validate_submit(this,'click');" value="" name="ff_nm_sendgfx" type="button">
</div>

and if i look in Firebug, i can see that flexicontent is used for styling :

Code:

.flexicontent button:not(.btn), .fc_button:not(.btn), .fc_buttons button:not(.btn), .flexi_buttons button:not(.btn) {
    background-color: #a5b8da !important;
    background-image: linear-gradient(to bottom, #a5b8da, #7089b3) !important;
    border: 1px solid #7d99ca !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    display: inline-block !important;
    float: none !important;
    font-family: arial,helvetica,sans-serif !important;
    font-size: 12px !important;
    font-weight: bold;
    height: auto !important;
    line-height: 1.5em !important;
    margin: 2px !important;
    padding: 5px 10px !important;
    text-decoration: none !important;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3) !important;
    text-transform: none !important;
}
html button {
}

Is there a way to prevent the use of this file in my form ?
Thanks

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

ggppdk
Offline
Administrator

10 years 6 months ago #50220 by ggppdk

Replied by ggppdk on topic Css style from flexicontent applied to my forms...

Hello

test this, edit flexicontent CSS file

and change the rule:

Code:

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

to be:

Code:

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

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

Chabi01
Topic Author
Offline
Platinum Member

10 years 6 months ago #50245 by Chabi01

Replied by Chabi01 on topic Css style from flexicontent applied to my forms...

Found the class in flexi_form.css.
I'm going to check if there is that affect other part of the site (or admin..).
I check and go back..

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

Chabi01
Topic Author
Offline
Platinum Member

10 years 6 months ago #50246 by Chabi01

Replied by Chabi01 on topic Css style from flexicontent applied to my forms...

Ok, i just have to add in my own template :

Code:

html button {background: none;border: none;}

And all is fine now.
I have check other pages of the website and all seems to be ok...
I will go back (now you know that !!) if necessary.

And because it's not always obvious as on the forum we cry for a lot of "problems" : thanks for the work on Flexicontent, that really rocks !
When the next website using FC is ready, i will give you the url

Oh, and while i'm talkin about it, a website i made with Flexicontent have won the first price "Best website of France for Service to People - Year 2013", price voted by the Mayor's association of France.
It didn't earn me any money, only the fact that the website working with FC are good enough to gain a prize

If you want to take a look, it's www.reparateurs.ain.fr

And always : Thanks !!!

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

ggppdk
Offline
Administrator

10 years 6 months ago #50274 by ggppdk

Replied by ggppdk on topic Css style from flexicontent applied to my forms...

Hello

nice design,

about FLEXIcontent is not a single extension, instead it is many, and it is used everywhere in a website that installs it,

so many question can be raised,

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