CSS personnalisé dans bloc colonne
Elivera4
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
Elivera4 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Elivera4 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'aimerais savoir si quelqu'un peut me pister pour mon site en construction en local.
J'ai crée un wp.block-columns et je lui ai attribué une classe css additionnelle que j'ai nommé 'groupe-1-background' . Donc j'ai groupé un bloc de 3 colonnes.
J'essai d'insérer un background-image dans ce groupe de colonne avec mon css personnalisé soit :
groupe-1-background {
background-image: url (/downloads/ordinateur.jpeg)
}
ça ne fonctionne pas.
j'ai ensuite essayer en dégroupant, d'insérer un css à partir de l'id du bloc soit :
#block-2155ea3c-af55-4cfa-afaf-2acdb19c2ce4 {
background-image: url(/downloads/ordinateur-.jpeg)
}
ça ne fonctionne pas...
Quelqu'un a une option qui fonctionne svp :-)
Merci
J'aimerais savoir si quelqu'un peut me pister pour mon site en construction en local.
J'ai crée un wp.block-columns et je lui ai attribué une classe css additionnelle que j'ai nommé 'groupe-1-background' . Donc j'ai groupé un bloc de 3 colonnes.
J'essai d'insérer un background-image dans ce groupe de colonne avec mon css personnalisé soit :
groupe-1-background {
background-image: url (/downloads/ordinateur.jpeg)
}
ça ne fonctionne pas.
j'ai ensuite essayer en dégroupant, d'insérer un css à partir de l'id du bloc soit :
#block-2155ea3c-af55-4cfa-afaf-2acdb19c2ce4 {
background-image: url(/downloads/ordinateur-.jpeg)
}
ça ne fonctionne pas...
Quelqu'un a une option qui fonctionne svp :-)
Merci
A voir également:
- CSS personnalisé dans bloc colonne
- Déplacer colonne excel - Guide
- Trier colonne excel - Guide
- Colonne word - Guide
- Formule somme excel colonne - Guide
- Story personnalisé facebook c'est quoi - Guide
2 réponses
Bonjour,
Pour appliquer une règles css sur une classe, il ne faut pas oublier d'ajouter un "." devant le nom de la classe dans le sélecteur de la règle css.
Pense à utiliser les outils de développement du navigateur pour inspecter le code source de la page afin de vérifier que la règles css est bien prise en compte.
Tu peux également essayer avec une couleur à la place de l'image en background pour vérifier que le css est bien pris en compte. Si la couleur s'affiche mais pas l'image, il s'agit surement d'une erreur sur le chemin de l'image.
Pour appliquer une règles css sur une classe, il ne faut pas oublier d'ajouter un "." devant le nom de la classe dans le sélecteur de la règle css.
<!-- HTML --> <div class="block-columns groupe-1-background">...</div>
/* CSS */
.groupe-1-background {
background-image: url ('/downloads/ordinateur.jpeg');
background-color: lightblue;
}
Pense à utiliser les outils de développement du navigateur pour inspecter le code source de la page afin de vérifier que la règles css est bien prise en compte.
Tu peux également essayer avec une couleur à la place de l'image en background pour vérifier que le css est bien pris en compte. Si la couleur s'affiche mais pas l'image, il s'agit surement d'une erreur sur le chemin de l'image.