Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-2183

Carousel: caption alignment

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Should have Should have
    • 1.18.0
    • 4
    • Block: Gallery
    • Sprint #40

      the carousel caption alignment needs improving. currently, when there is a lot of text it's bunched up on the left side when it should span fully across the caption field.
      https://dev.p4.greenpeace.org/international/kelli-carousel/

      I recommend changing the width from 60% to 100% and adding 1 rem of padding to the caption bottom.

      change: div class="carousel-caption"

      }
      @media (min-width: 992px)
      .carousel-wrap .carousel-caption p {
      width: 100%;
      }

      p {
      margin-top: 0;
      margin-bottom: 2rem;
      }

      cc: wmorrisj lhillige

        1. Screen Shot 2018-05-11 at 10.47.41.png
          282 kB
          Kelli Tolen
        2. Screen Shot 2018-05-11 at 10.47.48.png
          425 kB
          Kelli Tolen
        3. Screen Shot 2018-05-11 at 10.47.56.png
          446 kB
          Kelli Tolen
        4. Screen Shot 2018-05-11 at 10.48.04.png
          204 kB
          Kelli Tolen

            nroussos Nikos Roussos
            ktolen Kelli Tolen
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: