PW - Personnalisation du widget : Balises CSS

S’abonner

Personnaliser le style du formulaire de paiement du widget est possible en surchargeant la feuille de style fournit par défaut par Payline.

Les fonctions de personnalisation du Widget en mode lightbox et en mode in-shop (tab/colonne).

Les attributes CSS pour l'intégration Widget :

       public static STYLE_ELEMENT_KEYS = ["font-size", "font-family", 'font-weight', 'font-style', "color", "padding-top",

            "padding-right", "padding-bottom", "padding-left", 'text-transform', 'text-decoration', 'letter-spacing', 'word-spacing',

            'line-height', 'text-align', 'vertical-align', 'direction', 'background-color',

            'background-image', 'background-repeat', 'background-position', 'background-attachment', 'opacity', 'margin-top',

            'margin-left', 'margin-right', 'margin-bottom'];


Le détail de la liste des class :

DescriptionClass
Définit la taille de caractères de l'élément.font-size
Définit la famille de polices à utiliser pour afficher le contenu.font-family
Définit l'épaisseur de la police de caractères à appliquer à l'élément.font-weight
Détermine si l'élément doit être affiché en caractères normaux, italiques ou obliques.font-style
Définit la couleur du texte affiché au premier-plan de l'élément.color
Ces quatre propriétés permettent de définir individuellement le remplissage à appliquer à chaque côté d'un élément.padding-top, padding-bottom, padding-right, padding-left
Contrôle la capitalisation du texte d'un élément.

text-transform

Définit les enrichissements à appliquer au contenu d'un élément (souligné, barré, barre supérieure et clignotement).

text-decoration

Définit l'espacement entre les caractères à l'intérieur d'un élément.

letter-spacing

Définit l'espacement entre les mots lorsque le texte n'est pas soumis à des règles d'espacement externes.

word-spacing

Définit la hauteur de la zone contenant une ligne physique du contenu.

line-height

Détermine l'alignement horizontal du texte à l'intérieur d'un élément.text-align
Deux valeurs, top et bottom, déterminent le positionnement du texte à l'intérieur de ce cadre.vertical-align
Définit le sens d'affichage des éléments de contenu incorporés et l'ordre de remplissage des cellules de tableau sur une ligne.direction
Définit la couleur d'arrière-plan de l'élément.background-color
Définit l'image d'arrière-plan à associer (le cas échéant) à l'élément.background-image
Indique la nécessité ou non de répéter l'image d'arrière-plan.background-repeat
Définit l'emplacement du bord gauche et du bord supérieur de l'image d'arrière-plan.background-position
Définir si l'image défile par rapport au document.background-attachment
L'opacité d'un élément est le contraire de sa transparenceopacity
Définir les marges d'un élément.margin-top, margin-top, margin-left, margin-right, margin-bottom



Vous avez d’autres questions ? Envoyer une demande

Commentaires

Réalisé par Zendesk