Call to action button for Beyond Theme snippet "image with text"

Deutsch Diskussion Shopify Design
,
1

Hi!

In der Hoffnung auf einen größeren Radius, poste ich die Anfrage mal auf Englisch. Ich hoffe, das ist ok :slightly_smiling_face:

I am desperately trying to change a link inside a “image with text” snippet into either a different color, or into a call to action button.

But neither offers the native theme design of beyond a custom color for links or cta buttons. Nor did custom css work.

The best case for me would be having something like this:

Bildschirmfoto 2023-03-22 um 11.57.04.png
Bildschirmfoto 2023-03-22 um 11.57.04.png1286×795 108 KB

Also a way to easy customize the button would be nice.

If this is not possible, a way to change the color of the links would help as well!

Thanks for the assistance and have a great day!

Cheers,

Ale

2

Hey @alessandroromua

Danke und wow, das sind tolle Spiele und bringen mich zurück zu meinen Arcade Gaming Days! Hat das Arcade auch (Super) Ghouls & Ghosts als Spiel?

Es ist aber schwer zu sagen ohne einen Link oder Beispiel da es auf versch. Faktoren drauf ankommt, wie z. B. welches Theme das ist.

Hast du den neuen benutzerdefinierte CSS Feature getestet um CSS nur zu diesem Abschnitt hinzufügen? Mit diesem kannst du gezielt die Styles der Abschnitte coden ohne 1) die Page Loading Speeds negative zu beeinflussen und 2) dein Theme NICHT aus den Theme Updates auszuschließen.

030aeee2-65a2-4015-9687-bb6bdeba9ae1.default.png
030aeee2-65a2-4015-9687-bb6bdeba9ae1.default.png290×328 16.4 KB

Ansonsten wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren.

Lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

3

@alessandroromua das Beyond Theme scheint in der diesem Abschnitt nur einen Link zu erlauben und keinen Button. Das Gute ist, dass die Eigenschaften per CSS definiert werden können. Somit könntest du wie von @Gabe beschrieben Anpassungen vornehmen.

Wie bist du denn vorgegangen, um das custom css auszuprobieren?

Du hattest ja erwähnt, dass es nicht funktioniert hat.

4

Hey Gabe,

freut mich, dass dir meine Arcades gefallen :slightly_smiling_face:

Na klar, (Super) Ghouls & Ghosts ist theoretisch auch spielbar. Ein großartiges Spiel!!!

Das mit dem benutzerdefinierten CSS hatte ich versucht, aber vermutlich fehlte mir das know how um zu verstehen, warum es nicht funktioniert hat.

Oh, gerne! Schau einfach HIER.

Das Passwort ist “vs1”

Danke Gabe!

5

Hey Finer,

danke für deine Antwort. Ich hatte versucht verschiedene CSS codes in den CSS Snippet Bereichen einzufügen, aber immer Fehlermeldungen erhalten :confused:

Da es inzwischen auch gut zwei Wochen her ist, dass ich mich damit beschäftigt hatte, kann zumindest die Fehlermeldungen leider nicht mehr rekonstruieren…

6

Probier es mal mit folgenden CSS Code aus (im Theme-Editor):

.featured-content--link--container{
    padding: 15px;
    background-color: red; /* <--- Hier kannst du auch einen Hex-Code verwenden.*/
}
7

WOW, perfekt danke!!!

Wie werden die Farben zugeordnet? Also wenn ich aus dem “red” einen anderen Farbton machen möchte dein keinen speziellen Namen besitzt? einfach das “red” mit einen Hex-Code ersetzen?

8

Ah, habs mir selbst beantwortet danke :))