ich möchte die Farbe der Schriften, die jetzt mit #282828 definiert ist, übergreifend in einen anderen Farbwert ändern... also z.B. die Schrift in den Menüs, im Text, in Überschriften, in den Widgets. Gibt es dafür eine Möglichkeit, ohne jede betroffene Position im CSS zu ändern?
leider musst du die Farben tatsächlich alle mit Hilfe von CSS-Code abändern. Ich empfehle dir jedoch, diese Änderung nicht in der Original-style.css des Themes vorzunehmen sondern durch ergänzenden CSS-Code zu überschreiben. Folgender Code kann dafür z. B. verwendet werden, hier musst du nur noch an einer Hand voll Stellen den Wert abändern.
.searchform ::-webkit-input-placeholder {color: #282828;}
.searchform :-moz-placeholder {color: #282828;}
.searchform ::-moz-placeholder {color: #282828;}
.searchform :-ms-input-placeholder {color: #282828;}
h1, h2, h3, h4, h5, h6,
input[type="button"],
input[type="submit"],
.entry-content a.wc-backward,
.shipping-calculator-form .button,
.widget_wpcom_social_media_icons_widget ul li a,
.entry-content a,
.comment-text a,
.author-bio a,
.textwidget a,
#menu-main-toggle,
#cart-btn-mobile,
.btn-close,
.search-box .searchform:after,
.widget_search .searchform:after,
.format-video .entry-thumbnail:after,
.authorbox,
.authorbox a,
.authorbox span,
.authorbox h3.author-title,
.widget_weta_quote,
.widget_weta_numbered_rp,
#featured-content .flex-direction-nav li a:hover,
.top,
#primary .sharedaddy h3.sd-title,
.weta-sharebtns div.sharedaddy .sd-social-icon .sd-content ul li,
.box,
a.added_to_cart.wc-forward,
.woocommerce-result-count,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product_list_widget a span.product-title,
.woocommerce ul.products li.product .price ins,
.product_list_widget ins,
.woocommerce ul.products li.product .button,
.single-product .entry-summary .price,
#reviews .comment-text p.meta strong,
.woocommerce table a,
table.cart th,
table.cart td,
table.cart td.product-remove a,
.cart_totals tr.order-total th,
.cart_totals tr.order-total td span.amount,
#order_review tr.order-total th,
#order_review tr.order-total td,
.widget_shopping_cart_content p.total {
color: #282828;
}
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'].share-tumblr a.sd-button,
.weta-sharebtns .sd-social-icon .sd-content ul li[class*='share-'].share-google-plus-1 a.sd-button,
#infinite-handle span {
color: #282828 !important;
}
@media screen and (min-width: 767px) {
.blog.weta-sharebtns div.sharedaddy .sd-social-icon .sd-content ul li,
.archive.weta-sharebtns div.sharedaddy .sd-social-icon .sd-content ul li {
color: #282828;
}
}
@media screen and (min-width: 1023px) {
.lightbox-btn,
.search-box .searchform #s {
color: #282828;
}
}
Ich hoffe, ich habe dich richtig verstanden: Ich habe den kompletten Code aus deiner Nachricht kopiert, im Customizer in "Zusätzliches CSS" eingefügt und alle im Code zu findenden #282828 mit dem neuen Wert #583606 ersetzt. Dies hat aber nur partiell geholfen, weder die Schriften im Hauptmenü noch die normalen Texte im Content und im Widget sind geändert. Vielleicht habe ich dich aber auch falsch verstanden... ?
Hallo, liebes Elmastudio-Team,
ich möchte die Farbe der Schriften, die jetzt mit #282828 definiert ist, übergreifend in einen anderen Farbwert ändern... also z.B. die Schrift in den Menüs, im Text, in Überschriften, in den Widgets. Gibt es dafür eine Möglichkeit, ohne jede betroffene Position im CSS zu ändern?
Danke für eure Hilfe.
Viele Grüße
Heike
Hallo Heike,
leider musst du die Farben tatsächlich alle mit Hilfe von CSS-Code abändern. Ich empfehle dir jedoch, diese Änderung nicht in der Original-style.css des Themes vorzunehmen sondern durch ergänzenden CSS-Code zu überschreiben. Folgender Code kann dafür z. B. verwendet werden, hier musst du nur noch an einer Hand voll Stellen den Wert abändern.
Viele Grüße
Marc
Hallo Marc,
danke für deine schnelle Rückantwort.
Ich hoffe, ich habe dich richtig verstanden: Ich habe den kompletten Code aus deiner Nachricht kopiert, im Customizer in "Zusätzliches CSS" eingefügt und alle im Code zu findenden #282828 mit dem neuen Wert #583606 ersetzt. Dies hat aber nur partiell geholfen, weder die Schriften im Hauptmenü noch die normalen Texte im Content und im Widget sind geändert. Vielleicht habe ich dich aber auch falsch verstanden... ?
http://www.gruenschnitt.salon
Viele Grüße
Heike
Noch ein Nachtrag:
Ich hatte nicht gesehen, dass noch eine weitere Farbe ersetzt werden muss, nämlich #555, bedeutet #555555... mein Fehler, sorry.
Viele Grüße
Heike
Hallo Heike,
derzeit scheint die von dir gewünschte Farbe bei allen Texten zu greifen.
Viele Grüße
Marc