-2
votes

Modifier la couleur de fond lorsque la classe spécifique est active

Je fais un site Web WordPress, et le menu d'en-tête a une couleur d'arrière-plan lorsque la page se charge, mais lorsque je fais défiler, il modifie l'en-tête pour collant et modifie la couleur d'arrière-plan. Le problème est que le menu déroulant ne change pas de couleur et reste identique à l'en-tête initial.

Ce que je voulais faire est lorsque l'en-tête contient la classe (bâton) pour transformer la couleur de fond du menu déroulant. p>

menu initial: p> xxx pré>

quand il transforme: p>

.drop_down .second .inner ul, .drop_down .second .inner ul li ul, .shopping_cart_dropdown, li.narrow .second .inner ul, .header_top .right #lang_sel ul ul, .drop_down .wide .second ul li.show_widget_area_in_popup .widget, .drop_down .wide.wide_background .second{
    background-color: #ffffff!important;
}


1 commentaires

Vous n'avez pas besoin de JavaScript du tout. Vous avez besoin d'une règle CSS pour appliquer le style lorsque les classes sont présentes


3 Réponses :


0
votes

Utilisez simplement CSS

.scroll_header_top_area.sticky {
  background-color: <whateveryouwant>;
}


0 commentaires

0
votes

Bien que CSS soit l'approche préférée. C'est la solution à votre question à l'aide de jQuery. xxx

'# 000 représente la couleur noire en hex.


0 commentaires

0
votes

i Surcommique, c'était comme vous l'avez tous dit: xxx

merci.


0 commentaires