Bitte immer Live Url, PHP Version, Template Version und Template Name angeben

[GELÖST] CSS Änderungen an .form-check

  • ApfailKuchen
  • ApfailKuchens Avatar Autor
  • Junior Mitglied
  • 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.
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 antwortete auf [GELÖST] CSS Änderungen an .form-check

Posted 1 Jahr 10 Monate her #2
Trage das mal in die custom.css ein:
Code:
.visforms label { padding-left: 20px; }
Folgende Benutzer bedankten sich: joomlaplates, ApfailKuchen

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • ApfailKuchen
  • ApfailKuchens Avatar Autor
  • Junior Mitglied
  • Junior Mitglied
  • Beiträge: 24
  • Dank erhalten: 0

ApfailKuchen antwortete auf [GELÖST] CSS Änderungen an .form-check

Posted 1 Jahr 10 Monate her #3
Vielen lieben Dank :)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • ApfailKuchen
  • ApfailKuchens Avatar Autor
  • Junior Mitglied
  • Junior Mitglied
  • Beiträge: 24
  • Dank erhalten: 0

ApfailKuchen antwortete auf [GELÖST] CSS Änderungen an .form-check

Posted 1 Jahr 10 Monate her #4
*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.

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

Kaufen - 59€

Copyright © 2008 - 2025 Joomlaplates | Professional Joomla Templates

Impressum & Datenschutz | AGB