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

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

      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.

        Acceptance criteria

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

                Created:
                Updated:
                Resolved: