Benutzerdefinierte CSS deaktiviert Schaltfläche Funktionalität

Ich arbeite derzeit mit dem WordPress Theme Evont und versuchen, einige benutzerdefinierte CSS auf der Homepage zu tun. Es gibt eine Schaltfläche auf der Startseite, die zu niedrig auf der Seite ist, also habe ich versucht, ein paar benutzerdefinierte CSS zu tun, um es zu erhöhen.Benutzerdefinierte CSS deaktiviert Schaltfläche Funktionalität

Immer wenn ich den oberen Randwert ändere, klickt die Schaltfläche nicht mehr oder animiert. Ich kann nicht herausfinden, was das verursacht.

Das erste Bild zeigt die Animation, die beim Schweben passiert, bevor eine CSS berührt wird.

Zweites Bild ist, was passiert, wenn Sie nach dem Berühren des CSS schweben.

Unten ist der Code für die Schaltfläche, die ich finden konnte:

.jx-month-small .event-ticket-btn { 
    font-size: 50px; 
    font-family: 'Oswald'; 
    font-weight: 500; 
    text-transform: uppercase; 
    background: #000; 
    line-height: 1; 
    padding: 15px 80px 15px 30px; 
    margin-top:140px; 
    display: block; 
    position: absolute; 
    left: 82%; 
    width: 100%; 
    margin-left: -45px; 
    transition: .3s all ease-out; 
} 

.jx-month-small .event-ticket-btn:hover { 
    margin-left: -95px; 
} 

.jx-month-small .event-ticket-btn a { 
    color:#fff 
} 

.jx-month-small .event-ticket-btn a:hover { 
    color:#fff300 
}

Quelle

2017-02-01 Dan Grueneberg

Es gibt wahrscheinlich noch ein anderes Element, das, wenn man dieses "nach oben" bewegt, es tatsächlich "nach oben" unter das andere bewegt. Wenn Sie den gesamten HTML- und CSS-Code zur Verfügung stellen können, können wir Ihnen wahrscheinlich helfen. Versuchen Sie in der Zwischenzeit, der Schaltfläche, die Sie verschieben, einen 'Z-Index: 2' hinzuzufügen, und sehen Sie, ob das hilft. – haxxxton

Durch das Ändern des Z-Index wurde das Problem behoben. Ich hatte versucht, es vorher zu ändern, aber was auch immer oben war, musste ein höherer Wert gewesen sein. Habe es auf 100 geändert und jetzt funktioniert es großartig. Vielen Dank! –

was zu versuchen,

bottom: 200px;

oder

hinzufügen

top: 80%;

so etwas wie seit seiner absolut positioniert.

würde helfen, den damit verbundenen HTML-Code zu sehen.

Quelle

2017-02-01 05:21:26

Möglicherweise lohnt es sich, "Vorschläge" von Lösungen für Kommentare zu hinterlassen, anstatt sie als Antworten zu senden :) – haxxxton

Ahh kk wird dies im Hinterkopf behalten. Ich lerne immer noch die Fäden dieser großartigen Gemeinschaft. ist heute beigetreten :) –

Benutzerdefinierte CSS deaktiviert Schaltfläche Funktionalität

Antwort

Verwandte Themen