[Problème] Problème sur le CSS de RSForm Pro

[milousebw]

Bonjour,

J'ai un soucis concernant le CSS sur mon formulaire à cette adresse : http://idyle.fr/index.php/forfaits

En effet, je n'arrive pas à modifier aucune des variables (taille de police, type de police etc ...)

J'ai indiqué ce code

<style type="text/css">
.formFieldset {
font-family: "Times New Roman", Georgia, Serif;
float:left;
list-style: none;
background:none repeat scroll 0 0 #DDEEEE;
border:1px solid #000000;
margin:0 auto;
padding:1px;
width:570px; }
</style>

mais rien n'y fait !

Merci d'avance pour votre aide !

[PhilJ]

Re : Problème sur le CSS de RSForm Pro

Bonjour,

J'ai un souci concernant le CSS sur mon formulaire [...] En effet, je n'arrive à modifier aucune des variables (taille de police, type de police etc ...).

Tous les champs texte sur fond jaune :
—

.formResponsive input[type="text"] {

background: yellow;

}

Cibler seulement le champ "Nom" (fond bleu pâle) :
—

.formResponsive input#Nom {

background: #B0C4DE;

}

Cibler les champs de type boîte déroulante (fond bleu ciel) :
—

.formResponsive select {

background: cyan;

}

Cibler spécifiquement la boîte déroulante "Civilité" :
—

select#Civilite {

background: cyan;

}

Cordialement,



PhilJ

[milousebw]

Re : Problème sur le CSS de RSForm Pro

Merci pour cette réponse, mais ça ne fonctionne pas !

Quand je mets la balise <style>, j'ai une page entièrement blanche !

[PhilJ]

Bonjour,

[...] ça ne fonctionne pas ! Quand je mets la balise <style>, j'ai une page entièrement blanche !

Je n'ai pas écrit qu'il fallait procéder avec une balise <style> mais seulement de modifier les directives CSS natives du composant.

Celles-ci se trouvent dans la feuille de style /components/com_rsform/assets/css/front.css.


Cela dit, intervenir dans ce document n'est pas pour autant la meilleure idée, car dès que vous mettrez à jour RSForm, il vous faudra rétablir vos modifications : la meilleure solution est en l'occurrence d'introduire ces personnalisations dans un nouveau fichier qui ne sera jamais altéré, ni par les mises à jour futures de RS Form, ni par les mises à jour futures du template.

Conformément aux préconisations de Rockettheme, vous le nommerez rt_omnicron-custom.css, et vous le déposerez par FTP dans le dossier /templates/rt_omnicron/css.

Normalement, tout devrait bien se passer — sauf peut-être s'il se trouve que ce nouveau fichier rt_omnicron-custom.css est appelé trop tôt dans le code (auquel cas il faudra corriger un peu les directives).



=> Merci (1°) de créer ce nouveau fichier avec vos personnalisations, (2°) de l'envoyer sur le serveur dans le dossier /templates/rt_omnicron/css, et (3°) de bien vérifier que le code source de vos pages (obtenu avec CTRL+U) comporte bien un appel à rt_omnicron-custom.css.



Cordialement,



PhilJ