WebSite X5Help Center

 
Klaus G.
Klaus G.
User

Close Botton  de

Autor: Klaus G.
Besucht 1239, Followers 1, Geteilt 0  

Hallo zusammen,

das ist eine ganz spezielle Frage an KolAsim.

Die Frage wurde vor kurzem hier gestellt, betreffend einer Webebotschaft den Close Botton auf 30px zu vergrößern.

Ich habe zwar etwas gefunden aber so recht komme ich da nicht vorwärts.

Hier der Code:

<body><div id="alertbox-advcorner" class="alertbox" data-position="top" data-priority="0" style="position: fixed; top: 0px; left: 0px; right: 0px; border-top-width: 0px; z-index: 10801;"><div class="message-container"><div class="wrapper-content"><div class="mediaTarget" style="cursor: pointer;"><img src="images/Werbebanner-AKTUELL_2020.png" data-width="330" data-height="100" unselectable="on" style="left: 0px; top: 0px; height: 100px; user-select: none;"></div></div></div><div class="close-button close"><img class="imCloseInn" src="res/imClose.png" style="width: 30px;"></div></div>

Gibt es da einen einfacheren CSS Style um den Botton auf 30px zu vergrößern.

Danke schon mal im vorraus coollaughing

Gruß

MCMACMASTER

Gepostet am
6 ANTWORTEN - 1 NüTZLICH
Klaus G.
Klaus G.
User
Autor

Ich finde den Post dazu nicht foot-in-mouth

Mehr lesen
Gepostet am von Klaus G.
Klaus G.
Klaus G.
User
Autor

Hallo KolAsim,

den Code habe ich noch angepasst laughingcool

<style>
img.imCloseInn {width:30px !important}
</style>

Jetzt wird nur der CloseBottom rechts oben auf 30px vergrößert und so passt es laughinglaughinglaughing.

Den Code habe ich unter 1 Einstellungen -> Code -> Vor dem </HEAD> Tag eingefügt. Passt auch so.

Mit

<style>
.imCloseInn {width:30px !important}
</style>

verkürzt er die grüne Fläche bei "EINVERSTÄNDIS" die grüne Fläche (im Bild unten).

Danke Dir für deine Hilfe 

MCMACMASTER

Mehr lesen
Gepostet am von Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > De) ... Es tut mir leid,  ... aus dem Screenshot kann ich nicht verstehen ...
... wenn Sie den LINK einer temporären Beispielseite setzen, ist es für mich einfacher und leichter zu verstehen ...

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Klaus G.
Klaus G.
User
Autor

Mit

<style>
.imCloseInn {width:30px !important}
</style>

verkürzt er die grüne Fläche bei "EINVERSTÄNDIS" die grüne Fläche auf 30px vergrößert aber gleichzeitig den Close Botton. Siehe IMAGE.

Mit dem vorran gestellten "img"

<style>
img.imCloseInn {width:30px !important}
</style>

Und so passt es wenn nur der Close Botton rechts oben vergrößert auf 30px vergrößert werden solllaughinglaughinglaughing.

Mehr lesen
Gepostet am von Klaus G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK, gut ... wink

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪