Bitte immer Live Url, PHP Version, Template Version und Template Name angeben

[GELÖST] Hover Effekt Menüpunkt

A.Me
Autor
Neues Mitglied
Beiträge: 6
Dank erhalten: 0

Hover Effekt Menüpunkt wurde erstellt von A.Me

Posted 2 Jahre 7 Monate her #1

Ich nutze das Template Perfect und würde gerne den Hovereffekt der Menüpunkte ändern.

Ich würde die Menüpunkte gerne mit einer Underline, wie beim Template Easy hervorheben.

Kann mir Jemand einen Tipp geben, wie ich das über die Benutzerdefinierte CSS umsetzen kann?

Danke!

von A.Me

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

joomlaplates
Moderator
Beiträge: 2649
Dank erhalten: 407

joomlaplates antwortete auf [GELÖST] Hover Effekt Menüpunkt

Posted 2 Jahre 7 Monate her #2

Hallo, die folgende CSS macht einen Underline.
Den Code in ihren benutzer definierten Bereich als css einfügen und die Farbe anpassen > #FF0000

Code:

/* Animation Border Main Menu*/
.astroid-nav .nav-link::after {
  content: " ";
  display: block;
  width: 0;
  height: 2px;
  background: #FF0000 !important;
  transition: width 300ms;
  top: 6px;
  position: relative; }

.astroid-nav .nav-link:hover::after {
  width: 100%; }

.astroid-nav .nav-link.active::after {
  content: " ";
  display: block;
  width: 0;
  top: 6px;
  position: relative;
  height: 2px;
  background: #FF0000 !important;
  width: 100%; }

Last Edit:2 Jahre 6 Monate her von joomlaplates

Letzte Änderung: 2 Jahre 6 Monate her von WM-Loose.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.