2016-04-03 4 views
0

Dies ist wahrscheinlich eine wirklich einfache Lösung, aber ich habe überall hingeschaut und ich kann das nicht zum Laufen bringen. Das Problem ist mit WooCommerce in WordPress, ich glaube, dass mein gesamtes CSS das der WC übergeht und mir einige Farbprobleme verursacht. HierCSS - Die Hintergrundfarbe von DIV kann nicht geändert werden - WooCommerce Produktbeschreibung

ist die Seite - http://www.chaotopia.com/product/connect-your-breath-bklt-cd/

Ich versuche, den Hintergrund der Produktbeschreibung zu ändern, von weiß bis # 272727 und den Text zu #ffffff. Wie Sie auch sehen können, ist die ausgewählte Registerkarte weiß und der Text ist nicht ideal.

Ich gehe davon aus, dass dies ein CSS-Problem ist Ich habe verschiedene Dinge ausprobiert, aber ich kann es nicht zum Laufen bringen.

Kann mir bitte jemand sagen, wo und was ich bearbeiten muss, um das Problem zu beheben?

Vielen Dank!

+0

Fragen Code Hilfe suchen müssen den kürzesten Code enthalten notwendig, es zu reproduzieren ** in der Frage selbst **. Sie haben zwar einen [** link **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just) zur Verfügung gestellt (paste-a-link-to-it), wenn die Verbindung ungültig werden sollte, wäre Ihre Frage für andere zukünftige SO-Benutzer mit dem gleichen Problem nicht von Bedeutung. –

+0

Ich stimme Paulie_D zu. Auch das scheint mehr mit reinem CSS zu tun zu haben als mit WooCommerce. Denken Sie daran, dass das Stylesheet Ihres Themes wahrscheinlich vor dem WooCommerce-Stylesheet geladen wird, was dazu führen kann, dass Ihre Styles durch WooCommerce-Styles überschrieben werden, ohne 'specificity', oder ein spezielles Stylesheet zu laden, nachdem WooCommerce seine CSS geladen hat. – helgatheviking

+0

Hallo, ich stimme dir auch zu, aber ich bin ein bisschen fest, wo mein Code gerade im Moment mit all den verschiedenen Stylesheets eingefügt werden muss, daher habe ich noch keinen Beispielcode angegeben. Ich weiß nicht einmal, wo der Code ist, der die Farben in ihrem gegenwärtigen Zustand verursacht. :) – nohholmez

Antwort

0

Verwendung in der aktiven Thema Sheet folgende CSS

.woocommerce div.product .woocommerce-tabs .panel{ 
background-color: #272727; 
} 
.woocommerce div.product .woocommerce-tabs ul.tabs li{ 
background-color: #d3ced2; 
} 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ 
color:#272727; 
} 

Dies sollte das Problem beheben. Sie können die Farbwerte auf die gewünschten Werte ändern.

EDIT:

.single-product.woocommerce #primary div.product .woocommerce-tabs .panel{ 
 
background-color: #272727; 
 
} 
 
.single-product.woocommerce #primary div.product .woocommerce-tabs ul.tabs li{ 
 
background-color: #d3ced2; 
 
} 
 
.single-product.woocommerce #primary div.product .woocommerce-tabs ul.tabs li.active a{ 
 
color:#272727; 
 
}

+0

Hallo, danke für die Antwort Ich habe es gerade versucht, aber es scheint nicht funktioniert zu haben. Ich habe es buchstäblich in das Stylesheet in meinem Themes-Ordner eingefügt. Ich habe es einfach auf den Boden des Blattes gelegt, wo ich vielleicht falsch liege. Irgendwelche Gedanken? – nohholmez

+0

Probieren Sie die neue CSS. Und lassen Sie mich wissen, ob es funktioniert. – zipkundan

+0

Immer noch nicht funktioniert leider, um zu bestätigen, ich bin es in den folgenden Platz: Home chaotopia.com/wp-content/themes/zerif-pro/style.css und ich bin es nur auf der Unterseite, ist das richtig Ort? Nochmals vielen Dank für Ihre Hilfe. – nohholmez

Verwandte Themen