Button Text linksbündig
Autor: Michael G.
Besucht 1359,
Followers 1,
Geteilt 0
Hallo
ich brauche eurer Hilfe.
Ichhabe das Hover Button Widget.
Und möchte gern den Text darin linksbündig machen, aber ich finde keine Lösung.
Gepostet am
Dafür gibt es in dem Widget keine Einstellung das von Haus aus jeder nur mittig benötigt. Man müsste es sich anschauen ob es per Code zu beeinflussen ist.
Autor
Schau mal hier ob man was mit einem Code machen kann.
https://zeltsysteme-goebel.de/sternzelt.html
Diese Buttons sollen dann auch auf den anderen Seiten gemacht werden.
Versuche mal das...
<style> .flex-container {justify-content: left!important;} </style>
Allerdings würde das dann für jeden Hoverbutton gelten !
Autor
Wo trage ich das ein?
Entweder unter Seo&Code Reiter "Erweitert" vor dem </head> Tag ! (für die ganze Homepage) oder in den Seiteneigenschaften Reiter "Erweitert" !
Autor
Leider funktioniert der Code nicht. Habe es auch noch nicht hochgeladen weil es nicht funktioniert.
Dafür hat sich meine Schriftart geändert, kann aber auch durch das Update sein
Hmm, dann muss ich es genauer testen am Abend !
So siehts aus wenn ich den Selektor ändere Online...
P.S. habe vergessen, dass man wenn man Code einfügt neuerdings STRG+Vorschau drücken muss um den zu aktivieren.
Autor
Genauso soll es auch später aussehen. Müsste ich da ganz links noch einLeerzeichen einfügen. damit es nicht so genau am Rand ist?
Habe Strg Vorschau gedrückt aber leider ohne Erfolg.
Habe mich mit dem Befehl geirrt !
So muss es gehen !
<style> #imGroup_3 .flex-container {justify-content: flex-start;} </style>
Autor
Das hat funktioniert, aber jetzt ist komischerweise meine Schriftart weg wenn ich in die Vorschau gehe
Vielleicht hast du den Code falsch eingetragen oder eine Klammer vergessen. Ich kann nur sagen STRG+Vorschau hilft "meistens" ! Online ist leider noch die alte Version !
Autor
Ich lade jetzt alles neu hoch.
Leider ist immer noch die Schriftart falsch in der Vorschau. Aber im Programm zum bearbeiten wird Open Sans dargestelltt.
Kann auch nach dem neuen Update passiert sein.
Strg+ Vorschau hilft nicht und hat noch nie bei mir geholfen.
Autor
Schau noch mal bitte nach. Die Schriftart ist falsch nachdem ich den Code eingefügt habe.
Aber im Programm direkt wird diese richtig angezeigt.
Ja, es ist kein Open Sans Font aktiviert bei dir! Wieso kann ich auch nicht sagen, aber vom Code her kann es nicht sein.
Du kannst nur schauen ob sich der Hauptfont unter "STILE" beim Seiteninhalt sich geändert hat, und in den Text-Objekten noch Open Sans eingestellt ist.
Ich habe dir mal den Code zusammengefasst was du eingefügt hast. SChaut besser aus und du kannst dann alles rauslöschen und nur diesen einfügen. (1 Anpassen->Seo&Code->Erweitert->vor dem </head> Tag.
<style>
#imPageRowContent_2, #imCell_284, #imCellStyle_284 {
width: 100%;
min-height:auto!important;
}
#imMnMn.static-menu {
text-align:center!important;
color:#000000!important;
}
#imMnMn.main-menu ul ul li .imMnMnImg, #imMnMn.static-menu ul ul li .imMnMnImg {
padding-left:10px;
}
.close-button img {
display: none;
}
#imFooter .imCssLink {
color: #ffffff !important;
}
#imGroup_3 .flex-container {
justify-content: flex-start;
}
</style>
Autor
Vielen Dank Andreas.
Ich hatte aber Open Sans aktiviert und im Programm direkt wird es auch angezeigt.
Nun weiß ich abernicht, ob das ein Fehler nach dem neuen Update ist.
Im Textil ist Open Sans auch aktiviert. Und es hatte ja vor dem COde oder dem neuen Update super funktioniert.
Autor
So habemal getestet. Wenn ich deinen Code lösche, dann ist wieder alles normal mit Open Sans.
Autor
Ich habe das jetzt paar mal gestestet aber es scheint an deinem Code zu liegen der die Schrift durcheinander bringt.
Kannst du bitte mal schauen?
Wie gesagt ist ein relatives durcheinander in dem derzeitigen Code! Deshalb habe ich es oberhalb etwas sortiert und dazu müsstest du alles bei dir löschen und den obigen Code einfügen. Danach STRG+Vorschau und danach hochladen !
Autor
Lade jetzt hoch.
Die Schriftart ist wieder richtig aber jetzt ist die 1 Zeile verschoben schau dir das mal bitte an
Das bewirkt der erste Selektor #imPageRowContent_2 ! Den brauchst du anscheinend auf irgendeiner Seite damit es auf die ganze Breite geht. Möglicherweise ein Slider! Du müsstest in den Seiteneigenschaften schauen ob dort irgendwo dieser Selektor enthalten ist. Und wenn ja dann musst du bei SEO&Code diesen rauslöschen. (komplett 1-4 Zeile)
Autor
Genau das ist der Slider auf der index Seite.
Aber der war doch schon immer so wieso geht das jetz auf die anderen Seiten über?
Autor
So jetzt funktioniert es. Aber eine Sache zu dem linksbündig.
Der Text im Button ist jetzt ziemlich links am Rand kann man den etwas weiter einrücken?
Mit Leerzeichen geht es nicht, aheb ich schon probiert
margin-left: 5px; dazugeben zum flex-container !
Autor
Das hat funktioniert aber nun ist wieder die Schriftart falsch :-(
Ich verstehe das nicht
Autor
Jetzt scheint es zu gehen.
Betrifft das linksbündige jetzt alle HoverButton?
Ja anscheinend, obwohl ich es differiert habe, dürfte es alle Hover-Button beeinflussen. Wenn es nur einer wäre könnte man es vielleicht differieren. So genau habe ich aber nicht getestet.