La date/heure actuelle est Jeu 28 Mar 2024 - 18:33

1 résultat trouvé pour field_id18

Lien contact qui disparaît en mode visualisation d'un profil (plugin wombat)

Bonjour !
Pour commencer, le problème du MP qui n'apparait pas, c'est un problème de z-index : l'élément se trouve simplement derrière l'autre cadre. Vous pouvez corriger ça avec ce petit CSS :
Code:
.profile_contact form {
  z-index: 10;
}


Pour ce que vous souhaitez faire avec le champ "Occupation", il va falloir plusieurs choses :
1) effectivement, le grid va poser problème, on va plutôt le remplacer par un block juste pour cette ligne du tableau. Il s'agit du #field_id18 donc on va ajouter un morceau de code rien que pour lui :
Code:
#field_id18 {
  display: block !important;
}


2) ensuite, pour replacer le texte comme il faut à la suite des ":", on va cibler le .field_uneditable du #field_id18. Comme cet élément est un div, par défaut en display block, on va le transformer en inline + lui ajouter un margin en prévision et une petite retouche sur la taille des lignes. Ce sera visuellement plus propre :
Code:
#field_id18 .field_uneditable {
  display: inline;
  margin-left: 20px;
  line-height: 15px;
}


3) enfin, ces modifications entrainent un petit problème visuel sur l'élément .profile_field strong... on va donc faire en sorte de le corriger en corrigeant un autre élément qui existe dans votre CSS :
Code:
.profile_field strong {
  width: 135px;
  text-align: center;
  height: 16px;
  text-transform: uppercase;
  border-radius: 3px;
  background-image: linear-gradient(140deg, var(--grad2), var(--grad4), var(--grad3));
  padding: 3px;
  text-shadow: 1px 1px 1px #D90000;
  font-size: 7px;
  letter-spacing: 1px;
  font-family: 'Nunito Sans';
  color: #FFFFFF;
  display: inline-block;
  font-style: normal;
}

Il y avait un width: auto qu'on remplace par un width: 135 et tout redevient parfaitement aligné !
par Toryudo
le Dim 19 Fév 2023 - 19:23
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Lien contact qui disparaît en mode visualisation d'un profil (plugin wombat)
Réponses: 11
Vues: 880

Revenir en haut

Sauter vers: