Hallo zusammen,
ich habe ein Theme mit mehreren Farb-Optionen: Grün, Blau, Rot. Derzeit ist das rote Theme aktiviert aber ich möchte einen anderen Rot-Ton.
Im Stylesheet von meinem Theme kommt gegen Ende folgender Absatz:
CSS
/******************************** PRESET COLOR *************************************/
/************* Preset Defaut **************/
Dieser wiederholt sich immer mit den jeweiligen Farb-Sets, für Rot sieht das dann so aus:
Ich möchte die Farbe #eb4947 in #b70e0c ändern. Kann ich die Farbe im Stylesheet beim Preset 4 einfach austauschen oder muss ich die Farbe noch an anderer Stelle ändern? Ich habe Angst, mir da irgendetwas zu zerschießen...
/********************* Preset 4 **********************/
body.theme-red a,
body.theme-red .top-right-menu ul li a,
body.theme-red .top-left-menu ul li i,
body.theme-red .lt-client-item:hover h2,
body.theme-red .lt-menu-list h3.widgets-title,
body.theme-red #lt-why h5,
body.theme-red .lt-team-item h4,
body.theme-red .lt-team-item h5 a,
body.theme-red .lt-counter-item h2,
body.theme-red .lt-about-tab .tabs a,
body.theme-red .lt-team-item ul li i,
body.theme-red .lt-team-item ul li a em,
body.theme-red .lt-service-item:hover h5,
body.theme-red .lt-countdown-item .hoth-digit {
color: #eb4947;
}
body.theme-red .lt-countdown-item,
body.theme-red .lt-parallax-item a,
body.theme-red .lt-intro-item span,
body.theme-red input[type="submit"],
body.theme-red .lt-portfolio-button a,
body.theme-red .lt-product-2-content a:hover,
body.theme-red .lt-about-tab .current a,
body.theme-red .lt-about-tab .tabs_item a,
body.theme-red .lt-product-banner .button:hover,
body.theme-red .lt-contact-item i,
body.theme-red .lt-contact-item:before,
body.theme-red .lt-pricing-item:hover,
body.theme-red .progress-bar,
body.theme-red .lt-service-item i,
body.theme-red .site-footer,
body.theme-red .progress-bar,
body.theme-red .lt-why-item h1,
body.theme-red .lt-pricing-item .pricing-title,
body.theme-red .lt-pricing-item li a,
body.theme-red .lt-promo .button:hover,
body.theme-red .lt-why-item .lt-why-item-alert,
body.theme-red .lt-team-item:hover .widgets_sp_image-description,
body.theme-red .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
body.theme-red .genesis-nav-menu .sub-menu .current-menu-item > a:focus,
body.theme-red .genesis-nav-menu .sub-menu a:hover,
body.theme-red .genesis-nav-menu .sub-menu li.current-menu-item a,
body.theme-red .lt-contact .wpcf7-form-control.wpcf7-submit {
background: #eb4947;
}
body.theme-red .lt-product-2-content a:hover,
body.theme-red header.site-header,
body.theme-red .site-header.is-sticky,
body.theme-red .lt-promo .button:hover {
border-color: #eb4947;
}
body.theme-red .lt-pricing-item .pricing-title:after {
border-top-color: #eb4947;
}
body.theme-red .lt-intro-item span {
box-shadow: 0 0 0 2px #eb4947;
}
body.theme-red .after-entry, .archive-description, .author-box {
background: #eb4947;
color: #fff;
}
body.theme-red .lt-feature-title a:hover,
body.theme-red .lt-testimonial a:hover,
body.theme-red .lt-footer,
body.theme-red .woof .irs-from,
body.theme-red .woof .irs-to,
body.theme-red .woof .irs-single,
body.theme-red .woof .irs-bar,
body.theme-red #lt-slider a,
body.theme-red ul.products li.product a.button.compare:hover,
body.theme-red ul.products li.product a.button.yith-wcqv-button:hover,
body.theme-red ul.products li.product a.button.tinvwl_add_to_wishlist_button:hover,
body.theme-red .woocommerce nav.woocommerce-pagination ul li span.current,
body.theme-red .woocommerce nav.woocommerce-pagination ul li a:hover,
body.theme-red .wpmenucartli.wpmenucart-display-standard a i,
body.theme-red .widgets_price_filter .ui-slider .ui-slider-range,
body.theme-red .widgets_price_filter .ui-slider .ui-slider-handle,
body.theme-red.woocommerce div.product form.cart .button,
body.theme-red.woocommerce #respond input#submit,
body.theme-red .woocommerce input.button,
body.theme-red .woocommerce a.button.alt,
body.theme-red.woocommerce ul.products li.product .onsale,
body.theme-red ul.products li.product .onsale,
body.theme-red.woocommerce span.onsale,
body.theme-red span.onsale,
body.theme-red .widgets_price_filter .price_slider_wrapper .ui-widgets-content,
body.theme-red .woocommerce .widgets_price_filter .ui-slider .ui-slider-range,
body.theme-red ul.products li.product .button,
body.theme-red.woocommerce ul.products li.product .button,
body.theme-red .widget-area .widget .widget-title:before,
body.theme-red .woocommerce div.product form.cart .button,
body.theme-red .woocommerce #respond input#submit,
body.theme-red button.button,
body.theme-red .woocommerce input.button {
background: #eb4947!important;
}
body.theme-red .lt-blog article h4 a,
body.theme-red .lt-intro-item .sppb-addon-content:hover h3,
body.theme-red .lt-intro-item:hover i,
body.theme-red .nav-primary > .wrap > ul > li.current-menu-parent > a,
body.theme-red .nav-primary > .wrap > ul > li > a:hover,
body.theme-red .nav-primary > .wrap > ul > li.current-menu-item > a,
body.theme-red .genesis-nav-menu .sub-menu a:focus,
body.theme-red .lt-slider div#n2-ss-6 a:hover,
body.theme-red #wpmenucartli:hover a,
body.theme-red ul.products li.product .price,
body.theme-red.woocommerce-page div.product div.summary .price,
body.theme-red.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2,
body.theme-red.woocommerce ul.products li.product .button:hover {
color: #eb4947!important;
}
body.theme-red .lt-slider a:hover,
body.theme-red .lt-feature-title a:hover,
body.theme-red .lt-testimonial a:hover,
body.theme-red.woocommerce div.product form.cart .button,
body.theme-red.woocommerce #respond input#submit,
body.theme-red button.button,
body.theme-red .woocommerce input.button,
body.theme-red ul.products li.product .button,
body.theme-red.woocommerce ul.products li.product .button {
border-color: #eb4947!important;
}
body.theme-red .lt-portfolio article > a:after {
background: rgba(249, 89, 89, .8)!important;
Alles anzeigen
Vielen Dank!