Passez Du Statut De Changement De Couleur, Avada Thème, WordPress

Nous sommes à l'aide de l'Avada thème sur un site wordpress: http://skybox.wearetechnology.com/

Nous aimerions changer le hover état des liens sur notre site, à droite, maintenant ils vont à blanc et que le client a demandé un fond blanc.

J'ai essayé de modifier le CSS pour refléter cela, mais quelque part dans les paramètres du thème qu'ils ont le a:hover état codées dans un intégré à la feuille de style avec le !le code important à la fin.

Je ne peux pas trouver n'importe où dans le thème des paramètres qui permettent de changer d'état de pointage de couleur (même si vous pouvez modifier n'importe quelle autre couleur).

Est-il un moyen de remplacer le code pour que je puisse changer la couleur d'arrière pour une plus visible de la couleur?

Maintenant je suis à l'aide d'un texte de l'ombre et un coup mais il n'a pas l'air très bon.

  • Vous pouvez voir les liens dans le pied de page de la page d'accueil dans les dernières nouvelles.
InformationsquelleAutor MattM | 2013-09-13
  1. 2

    Si vous faites un sélecteur CSS plus spécifique que celui avec le !important d'annotation, vous devriez être en mesure de remplacer le hover couleur aussi longtemps que vous incluez un !important annotation de votre propre.

    Par exemple, ceci:

    .featured-post a:hover {
    background-color: pink !important;
}

    Remplacer ce:

    a:hover {
    background-color: #ffffff !important;
}

    Voici un simple JSFiddle démo. Dans la démo, le deuxième lien du style remplace la !important annotation sur la première en raison d'avoir un plus spécifiques sélecteur.

    InformationsquelleAutor Roddy of the Frozen Peas
  2. 0

    Tant pis, j'ai trouvé que dans l'Avada Thème il y a un endroit dans le backend sous Options de Thème pour ajouter du code personnalisé que overides tout le thème du CSS.

    InformationsquelleAutor MattM
  3. 0

    C'est le CSS j'ai dû ajouter dans Avada css personnalisé pour supprimer l'état de pointage de la couleur dans Avada 4.0.1:

    /* Undoes very specific css with an important clause from the author of the   theme */
.fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover     .heading h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-  link-icon-hover .heading .heading-link h2, body .fusion-content-boxes-1 .fusion-   content-box-hover .link-area-box-hover .heading h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover .heading .heading-link h2, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::after, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::before, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover:after, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover:before, body .fusion-content-boxes-1 .fusion-content-box-hover .fusion-read-more:hover, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::after, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::before, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover .icon .circle-no, body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-box-  hover .icon .circle-no {
color: black !important;
}
    InformationsquelleAutor Giorgia Paolini