Fehler: Fehlerhafte Anstände Text mit Bild

shopmail's Avatar

shopmail

06 Jul, 2018 07:11 AM

Produkt: Open Sauce Contao
Contao-Version: Contao 4.4.20
Browser und Browserversionen: Firefox / Chrome / IE

Hallo,
ich habe eine neue Installation von Contao 4.4.20 und die aktuellste Version des Themes OpenSauce installiert. In der custom.css habe ich keine Einträge vorgenommen, es wird nur das Original CSS verwendet.

Mir ist aufgefallen, dass sich die Abstände beim Inhaltselement Text mit Bild am Anfang ändern, je nachdem ob eine Überschrift verwendet wird, oder nicht. Auch wenn die Überschrift in einem separaten Inhaltselement steht, ist die Darstellung nicht richtig.

Richtige Darstellung: Screenshots mit 01 am Anfang
Fehlerhafte Darstellung ohne Überschrift: Screenshots mit 02 am Anfang
Fehlerhafte Darstellung mit separater Überschrift: Screenshots mit 03 am Anfang

Wie kann das Ganze korrigiert werden?

Danke für die Hilfe.

  1. Support Staff 1 Posted by RockSolid Theme... on 06 Jul, 2018 01:13 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Bitte fügen Sie folgenden CSS-Code in die Datei files/opensauce/css/custom.css ein um die Abstände zu korrigieren:

    .image_container.float_right:not(:first-child),
    .image_container.float_left:not(:first-child) {
        margin-top: 1.2em;
    }
    
  2. 2 Posted by shopmail on 10 Jul, 2018 02:13 AM

    shopmail's Avatar

    Hallo,
    durch Ihre Angaben wird das Bild weiter nach unten gesetzt, dadurch entsteht ein größerer Abstand zwischen Überschrift und Inhalt.
    Damit der Abstand zwischen Überschrift und dem Inhalt gleich ist wie bei den anderen Contentelemeten in OpenSauce muss aber der Text nach oben rutschen, die Oberkante des Bildrahmens wird im richtigen Abstand angezeigt.
    Welcher CSS-Code ist hierfür erforderlich?

  3. Support Staff 3 Posted by RockSolid Theme... on 10 Jul, 2018 05:25 AM

    RockSolid Themes's Avatar

    In unserem Test entsteht kein größerer Abstand zwischen Überschrift und Text, siehe Screenshot anbei.

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • 01-Backend_-_richtige_Darstellung.jpg 494 KB
  • 01-Frontend_-_richtige_Darstellung_markiert.jpg 113 KB
  • 02-Backend_-_fehlerhafte_Darstellung.jpg 112 KB
  • 02-Frontend_-_fehlerhafte_Darstellung.jpg 117 KB
  • 03-Backend_-_Überschrift_separat_fehlerhafte_Darstellung.jpg 25.9 KB
  • 03-Frontend_-_Überschrift_separat_fehlerhafte_Darstellung.jpg 123 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac