Theme Rekjavik/ Darstellung Navigation

23.02.2022 13:04

pragerdesign
#1

Hallo.

Ich möchte gerne in der Navigation diesen "Überlappungseffekt" wegbringen und einen schlichten einfachen activelink haben. Heisst, wenn ich mit der Maus drüber fahre, soll es blau werden, sonst schwarz bleiben.
Könnt ihr mir bitte vielleicht helfen.

www.miete.at

LG, Thomas

Antworten

Beitrag melden

#2

01.03.2022 19:37

az_
#2

az_

...das wird wohl die pseudoklassen für die Navigationslinks betreffen. Die Effekte beseitigst Du mit

1
2
3
4
 
.jtpl-navigation a:after, 
.jtpl-navigation a:before {
    transition: none
}
 

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

01.03.2022 20:20

az_
#3

az_

PS: nimm mal die blaue Farbe raus aus den Icons und leg einen Filter drunter:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 

<style type="text/css">
 
    /* CSS */
    
    #cc-m-10340687085 img {
        filter: drop-shadow(1px 1px 2px #000000);
        -webkit-filter: drop-shadow(1px 1px 2px #000000);
        -moz-filter: drop-shadow(1px 1px 2px #000000);
        
    }
    
    
</style>
 
LG, az
 

 

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html