Uploaded image for project: 'Magnolia Standard Templating Kit (closed)'
  1. Magnolia Standard Templating Kit (closed)
  2. MGNLSTK-852

Latest News Teaser is not correctly displayed on the home page

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Major
    • 2.0.4
    • None
    • demoproject

    Description

      Add a latest news event on the home, you will remark that the titles are cut and also the image is stretched.
      See screenshot.

      1. The problem is linked to the layout class "col-float3", in a "col-float2" layout the latest news is displayed correctly.
      Something has to be fixed in the CSS.
      Find attached a "col-float3" layout page from the HTML prototype that contains a latest news teaser.

      2.For the image, the problem comes from the image variation. This element uses the variation "teaser-list" that displays an image size of 138 x 86 pixels. But the CSS class defines a image width of 298px.

      .col-float3 .teaser img {
          display: block;
          float: none;
          width: 298px;
      }
      

      Either we could change the CSS in order to display a smaller image or add a new variation.

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                mdivilek Milan Divilek
                sschmitt Samuel Schmitt
                Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved: