Wordpress | Bootstrap und die leidige CSS Class benennung

[Gunnar Bittersmann]

@@Mein Motor macht klock klock

Mein Problem ist das Wordpress für Bilder (links/rechts) die Class (alignleft/alignright) benutzt, und Bootstrap benutzt (float-left/float-right). Da Bootstrap über ein CDN nachgeladen wird, kann ich hier keine Änderungen vornehmen und bei Wordpress möchte ich auch nicht "fummeln". Daher dachte ich ein "INLINE CSS" bei dem alignleft auf float-left verweist. Ich habe soetwas nicht gefunden, bin aber auch eher ein Autoschrauber als ein Programierer ;-)

Wenn du Bootstrap mit Sass verwendest, könntest du so mappen:

.alignleft {
  @extend .float-left;
}

.alignright {
  @extend .float-right;
}

Aber vermutlich hast du kein Sass am Start. Brauchst du auch nicht.

Also mal eben in bootstrap.css geschaut:

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

Mehr tut diese (präsentationsbezogenen 🤮 Bootcrap halt) Klassen nicht. Also brauchst du nur diese Einzeiler in dein Stylesheet zu schreiben:

.alignleft {
  float: left !important;
}

.alignright {
  float: right !important;
}

LLAP 🖖