Ändern Sie die Deckkraft des Bannerfelds?

Entwickler
1

Ist es möglich, die Deckkraft des Bannerfelds zu ändern?

2 „Gefällt mir“
2

@JamesDb

Mit der Theme-Einstellung banner_box_background_color können Sie einen rgba()-Wert eingeben. Sie können einen Generator wie diesen verwenden und den RGBA-Wert für diese Einstellung kopieren und einfügen.

Alternativ können Sie Ihrem Theme auch benutzerdefiniertes CSS hinzufügen, um die opacity-Eigenschaft anzuwenden:

.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
    opacity: 0.5; // Verwenden Sie einen Wert zwischen 0 und 1
}

Der obige CSS-Ansatz ändert jedoch auch die Deckkraft für Inhalte (wodurch die Textdeckkraft reduziert wird).

2 „Gefällt mir“
3

Gibt es eine Möglichkeit, die Variable z. B. var(--secondary) beizubehalten, aber eine Opazität hinzuzufügen?

Denn ich möchte, dass sie sich an den Hell- und Dunkelmodus anpasst

Bearbeiten: Ich habe bereits rgba(var(--secondary), 0.5) versucht.

2 „Gefällt mir“
4

Ich glaube, das sollte funktionieren (obwohl ich es nicht getestet habe):

rgba(--var(--secondary-rgb), 0.5)
1 „Gefällt mir“
5

Es funktioniert nicht. Es entfernt die Farbe komplett.

1 „Gefällt mir“
6

Hmm, ich sehe, warum. Der Code muss die background-color-Eigenschaft verwenden, um dies zu unterstützen, verwendet aber background.

Wenn Sie dies zu Ihrem Theme-CSS hinzufügen, sollte es funktionieren:


.below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
    background-color: rgba(var(--secondary-rgb), 0.5);
}
3 „Gefällt mir“
7

Super, das hat funktioniert, danke!

3 „Gefällt mir“
8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.