Neu OnPage Composer a:hover

[Ryja]

Hi, Grüße.

Ich möchte in einem Rich Text unter Benutzerdefinierte Klasse(n) einen Hover-Effekt einbauen. Dazu habe ich
.bp
hinzugefügt.

In der my-nova_crit.scss habe ich eingetragen:

.bp {
background: white;
color: black;
}
.bp:hover {
color: green;
}
Es funktioniert nicht. Wo liegt der Fehler?

Danke!

 

[Ryja]

Hi, Grüße.

Ich möchte in einem Rich Text unter Benutzerdefinierte Klasse(n) einen Hover-Effekt einbauen. Dazu habe ich
.bp
hinzugefügt.

In der my-nova_crit.scss habe ich eingetragen:

.bp {
background: white;
color: black;
}
.bp:hover {
color: green;
}
Es funktioniert nicht. Wo liegt der Fehler?

Danke!

So, habe es selbst hinbekommen. Für alle, die interessiert sind, hier die Lösung:

Im Child folgende Zeilen erstellen:

.bp {
background: white;
color: black;
text-decoration: none;
color: $header-color;
&:hover:not(.dropdown-item):not(.btn) {
color: $bp-hover;
}
}

Die Farbe im Mutter-Template eintragen: color: $bp-hover;

 

[Ryja]

Ich habe aber noch ein Problem:

Wie bekomme ich einen Container zentriert?

Ich habe schon viel ausprobiert, aber er landet immer links.

z.B das eingefügt:

.container-first {
max-width: 1400px;
position: middle;
}

.boxed-container {
position: center;
}

nichts hilft. jemand eine Idee?

 

[MHillmann]

Hallo,

zum zentrieren poste ich einfach mal frech einen Link:
https://css-tricks.com/centering-css-complete-guide/

Ich weiß nun nicht genau was du vor hast, aber Container sind eigentlich zentriert. Eine einfach Möglichkeit zur Zentrierung ist oft:

margin-right: auto;
margin-left: auto;

Viele Grüße
Michael

 

[Ryja]

Super, danke dir. Auch für den Link.
Der Container ist jetzt brav in der Mitte.