1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Hilfe CCS Problem Button Farbe

Dieses Thema im Forum "Design" wurde erstellt von ille, 15. Februar 2021.

  1. ille

    ille Well-Known Member

    Registriert seit:
    24. Januar 2021
    Beiträge:
    59
    Zustimmungen:
    0
    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
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.683
    Zustimmungen:
    1.786
    Bei diesen beiden Regeln am Ende Deines Codeauszugs fehlen ggf. noch die more und load-more-extended Klassen usw., oder sie sind ggf. überflüssig.
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Tipp: Verwende das kleine [+] Symbol im Editor für Code.
     
  3. ille

    ille Well-Known Member

    Registriert seit:
    24. Januar 2021
    Beiträge:
    59
    Zustimmungen:
    0
    Moin,

    am ende dieser Seite habe ich den "More Button" um mehr Produkte zu laden

    https://disli.de/trauringe/


    also was müsste ich denn noch hinzufüge ?

    Danke :)
     
  4. ille

    ille Well-Known Member

    Registriert seit:
    24. Januar 2021
    Beiträge:
    59
    Zustimmungen:
    0
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden