Hilfe CCS Problem Button Farbe

  • Moin habe meine CSS für mein "LADE MEHR PRODUKTE" vom style geändert ... dieses hat jedoch auch mein "ADD TO CART " Button geändert so dass er nicht mehr zu sehen ist.

    Ganze CSS sieht so aus:

    ul#menu-footer-menu {
    width: 100%;
    text-align: center;
    }
    ul#menu-footer-menu li{
    display:inline-block;
    float:none;
    }
    .footer-folow {
    width: 100%;
    text-align: center;
    margin-bottom:10px;
    }
    .footer-folow a{
    display:inline-block;
    float:none;
    }
    form.post-password-form {
    position: relative;
    padding: 300px 50px 200px;
    }
    form.post-password-form input[name="post_password"] {
    border-bottom: 1px solid #9999a3;
    }
    form.post-password-form input[type="submit"] {
    padding: 8px 20px;
    }
    .hover-light:hover i,
    .menu-icon .hover-icon:hover i {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    }
    @Media (max-width: 480px){
    .menu-icon {
    top: -2px;
    }
    .menu-icon a.hover-light:first-child:before{
    right: 0;
    }
    }

    .woocommerce div.product{
    margin-left: -4px;
    }

    /* For load more button*/

    a.button-style.more.load-more-extended {
    background-color: #0920a0;
    color: white;
    }
    a.button-style.more.load-more-extended:hover {
    color: #0920a0;
    }
    .loader-wrapper .loader-inner > div {
    background-color: #0920a0 !important;
    }
    @Media (min-width: 1200px){
    .fashion-title h2.h1.style-2 {
    font-size: 80px;
    }
    }
    @Media (min-width: 992px) and (max-width: 1199px){
    .fashion-title h2.h1.style-2 {
    font-size: 60px;
    }
    }
    @Media (min-width: 768px) and (max-width: 991px){
    .fashion-title h2.h1.style-2 {
    font-size: 45px;
    }
    }
    @Media (max-width: 767px){
    .disli_bottom_banner_text table th {
    width: 100%;
    display: inline-block;
    }
    .disli_banner_item_slide_row {
    display:inline !important;
    }
    .disli_banner_item_slide {
    margin-top: 80px !important;
    padding-top: 0 !important;
    }
    }

    .button-style span {
    color: white;
    }
    a.button-style.more.load-more-extended {
    background-color: blue;
    }
    .button-style span:hover {
    color: blue;
    }
    a.button-style.more.load-more-extended:hover {
    background-color: white;
    border-color: blue;
    border-width: 2px;
    }


    ###ENDE


    ADD TO CART ist hier z.B. verschwunden
    https://disli.de/produkt/bering-17831-265/


    DANKE :) IM VORAUS

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Bei diesen beiden Regeln am Ende Deines Codeauszugs fehlen ggf. noch die [FONT=Courier New]more[/FONT] und [FONT=Courier New]load-more-extended[/FONT] Klassen usw., oder sie sind ggf. überflüssig.

    Code
    .button-style span {
    color: white;
    }
    
    
    .button-style span:hover {
    color: blue;
    }


    Tipp: Verwende das kleine [+] Symbol im Editor für Code.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!