Spontan fallen mir da 2 Möglichkeiten ein.
1. Möglichkeit
- Öffne die Eigenschaften der Seite in welcher du das Widget platziert hast.
- Gehe hier zu Attribute > Mobile Script und füge dort folgendes ein: <
style>
.
wzp-1903 a {border:
solid 5px red !
important;
}<
/style>
- Nun sollte in jedem Widget Bild Hover 1903 welches auf dieser Seite eingefügt wird die Buttons einen roten Rahmen von 5 Pixeln erhaten.
2. Möglichkeit
- Öffne im Widget-Ordner wzp-bild-hover-1903 die Datei hover1903.
css.
- Hier findest du als vorletzten Eintrag die Klasse .
wzp-1903 a. Erweitere diese als letzten Eintrag um border:
solid 5px red !
important;
.
- Das ganze sollte dann so aussehen:
.
wzp-1903 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
border-bottom: none !
important;
text-decoration: none !
important;
border:
solid 5px red !
important;
}
- Nun sollte immer wenn das Widget "Bild Hover 1903" eingefügt wird dessen Buttons einen roten Rahmen von 5 Pixeln erhaten.