Bitte immer Live Url, PHP Version, Template Version und Template Name angeben
[GELÖST] CSS Änderungen an .form-check
- ApfailKuchen
-
Autor
- Junior Mitglied
-
- Beiträge: 24
- Dank erhalten: 0
[GELÖST] CSS Änderungen an .form-check wurde erstellt von ApfailKuchen
Posted 1 Jahr 10 Monate her #1
Hallo ihr Lieben,
vielleicht habt ihr ja einen netten Rat für mich, sicherlich ist mein Vorhaben falsch, aber das kommt von den vielen Versuchen das folgende zu erreichen ...
.... ich möchte eine Änderung am CSS von .form-check vornehmen, Teile von Radiobuttons überlagern fälschlicherweise Textfragmente. Also habe ich den Inspector benutzt, um die entsprechende Stelle im CSS auszumachen.
Dies ist der Codestelle, welcher die Radiobuttons verändern würde. Um zu erreichen, dass die Textfragmente nicht mehr überlagert werden reicht es sogar schon aus, wenn man das margin-left - was ja sowieso auf 0 steht - entfernt.
Dies habe ich versucht als Overdriver, über Benutzerdefinierter Code einzutragen.
Jedoch wird diese Änderung komplett ignoriert und dennoch in die compiled[...].css eingetragen.
Natürlich habe ich immer wieder den Cache geleert, um sicherzustellen immer die aktuellste Änderung vom Server zu erhalten.
Dann habe ich versucht, die entsprechende Codestelle über das /media/templates/site/tp_surfing/css/template.css zu verändern (Abschnitt /*Bootstrap CheckList*/), doch auch diese CSS wird scheinbar von Astroid überschrieben.
Nun meine Frage, wie kann ich eine wirksame Änderung bewerkstelligen?
Vielen lieben Dank für Eure Hilfe
In diesem Beitrag ist für Gäste nicht alles sichtbar. Um alles zu sehen, muss man registriert und angemeldet sein.
vielleicht habt ihr ja einen netten Rat für mich, sicherlich ist mein Vorhaben falsch, aber das kommt von den vielen Versuchen das folgende zu erreichen ...
.... ich möchte eine Änderung am CSS von .form-check vornehmen, Teile von Radiobuttons überlagern fälschlicherweise Textfragmente. Also habe ich den Inspector benutzt, um die entsprechende Stelle im CSS auszumachen.
Code:
.form-check .form-check-input, #adminForm input[type="checkbox"] .form-check-input, #adminForm input[type="radio"] .form-check-input {
margin-left: 0;
margin-right: 0.2rem;
}
Dies ist der Codestelle, welcher die Radiobuttons verändern würde. Um zu erreichen, dass die Textfragmente nicht mehr überlagert werden reicht es sogar schon aus, wenn man das margin-left - was ja sowieso auf 0 steht - entfernt.
Dies habe ich versucht als Overdriver, über Benutzerdefinierter Code einzutragen.
Jedoch wird diese Änderung komplett ignoriert und dennoch in die compiled[...].css eingetragen.
Natürlich habe ich immer wieder den Cache geleert, um sicherzustellen immer die aktuellste Änderung vom Server zu erhalten.
Dann habe ich versucht, die entsprechende Codestelle über das /media/templates/site/tp_surfing/css/template.css zu verändern (Abschnitt /*Bootstrap CheckList*/), doch auch diese CSS wird scheinbar von Astroid überschrieben.
Nun meine Frage, wie kann ich eine wirksame Änderung bewerkstelligen?
Vielen lieben Dank für Eure Hilfe

In diesem Beitrag ist für Gäste nicht alles sichtbar. Um alles zu sehen, muss man registriert und angemeldet sein.
Last Edit:1 Jahr 10 Monate her
von ApfailKuchen
Letzte Änderung: 1 Jahr 10 Monate her von ApfailKuchen.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Administrator
-
- Moderator
-
- Beiträge: 994
- Dank erhalten: 161
Trage das mal in die custom.css ein:
Code:
.visforms label {
padding-left: 20px;
}
von Administrator
Folgende Benutzer bedankten sich: joomlaplates, ApfailKuchen
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- ApfailKuchen
-
Autor
- Junior Mitglied
-
- Beiträge: 24
- Dank erhalten: 0
Vielen lieben Dank

von ApfailKuchen
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- ApfailKuchen
-
Autor
- Junior Mitglied
-
- Beiträge: 24
- Dank erhalten: 0
*DP
Last Edit:1 Jahr 10 Monate her
von ApfailKuchen
Letzte Änderung: 1 Jahr 10 Monate her von ApfailKuchen.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.