Okay
  Public Ticket #1164953
Generelle Änderung der Schriftfarbe
Closed

Comments

  • Heike started the conversation

    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

  •  953
    Marc replied

    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.

    .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;
    	}
    }

    Viele Grüße
    Marc

  • Heike replied

    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

  • Heike replied

    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

  •  953
    Marc replied

    Hallo Heike,

    derzeit scheint die von dir gewünschte Farbe bei allen Texten zu greifen.

    Viele Grüße
    Marc