Santi Camps a écrit :
> Hi all,
>
> I've found a rare case using CPSSkins and defining my own CSS style
> for certain form elements, like input or button objects. The fact
> is that a style="font-size:20px" definition in a button or an input
> object takes no effect when using inside CPSSkins, but works fine in
> the same page when it is out of CPS. The same occurs trying to use a
> class definition
>
> This seems that there is some CSS definition inserted by CPSSkins that
> disables the font-size on buttons or input elements.
>
> Also, any of the font size styles defined inside CPSSkins is able to
> increase the size on this elements, AFAIK.
>
> Anybody knows a workaround to this ?
>
CPSSkins uses for font styling the "!important" modifier which increase
the priority of its CSS style definition.
It's annoying that CPSSkins does this, for accessibility reasons too,
but it seems needed. I haven't had time to look into it for now.
A solution for your problem would thus be to use the "!important"
modifier for your CSS style definitions too, for example :
font: bold 70% 'Lucida Grande', Arial, Helvetica, sans-serif !important;
And more generally try to have more precise CSS selector, for example :
div div div p {
font: bold 70% 'Lucida Grande', Arial, Helvetica, sans-serif !important;
}
Cheers,
--
Marc-Aurèle DARCHE
Open Source Enterprise Content Management (ECM) http://www.nuxeo.org/
NUXEO (Paris, France) http://nuxeo.com/
_______________________________________________
cps-devel mailing list
http://lists.nuxeo.com/mailman/listinfo/cps-devel
