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

P4CG - Climate Emergency css changes to the counter block

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Fixed
    • Icon: Should have Should have
    • 2.1
    • 2
    • Campaigns
    • Sprint #101

      The front end css styling of the Counter Block needs to be adjusted so that it looks like the design.

      I have created the css changes inside inspector so that theCSS now follows the design. Plese see attached image.

      Here is the css -

      .counter-block

      { text-align: left; }

      .page-section-description

      { font-size: 1.4rem; }

      .page-section-description

      { width: 60%; }

      .page-section-description

      { font-size: 1rem; line-height: 1.2; margin-bottom: 32px; }

      body.theme-antarctic .carousel-wrap body.theme-climate h1, body.theme-antarctic .columns-block.block-style-icons body.theme-climate h2, body.theme-antarctic .columns-block.block-style-no_image body.theme-climate h2, body.theme-antarctic .columns-block.block-style-tasks body.theme-climate h3, body.theme-arctic .carousel-wrap body.theme-climate h1, body.theme-arctic .columns-block.block-style-icons body.theme-climate h2, body.theme-arctic .columns-block.block-style-no_image body.theme-climate h2, body.theme-arctic .columns-block.block-style-tasks body.theme-climate h3, body.theme-climate .carousel-wrap h1, body.theme-climate .columns-block.block-style-icons h2, body.theme-climate .columns-block.block-style-no_image h2, body.theme-climate .columns-block.block-style-tasks h3, body.theme-climate .page-section-header, body.theme-forest .carousel-wrap body.theme-climate h1, body.theme-forest .columns-block.block-style-icons body.theme-climate h2, body.theme-forest .columns-block.block-style-no_image body.theme-climate h2, body.theme-forest .columns-block.block-style-tasks body.theme-climate h3, body.theme-oceans .carousel-wrap body.theme-climate h1, body.theme-oceans .columns-block.block-style-icons body.theme-climate h2, body.theme-oceans .columns-block.block-style-no_image body.theme-climate h2, body.theme-oceans .columns-block.block-style-tasks body.theme-climate h3, body.theme-oil .carousel-wrap body.theme-climate h1, body.theme-oil .columns-block.block-style-icons body.theme-climate h2, body.theme-oil .columns-block.block-style-no_image body.theme-climate h2, body.theme-oil .columns-block.block-style-tasks body.theme-climate h3, body.theme-plastic .carousel-wrap body.theme-climate h1, body.theme-plastic .columns-block.block-style-icons body.theme-climate h2, body.theme-plastic .columns-block.block-style-no_image body.theme-climate h2, body.theme-plastic .columns-block.block-style-tasks body.theme-climate h3

      { color: #1a1a1a; font-family: Jost,sans-serif; font-weight: 800; font-size: 2.37rem; line-height: 4rem; text-transform: uppercase; align-content: left; }

      .page-section-header

      { font-size: 1.75rem; margin-bottom: 16px; }

      body:not(.wp-admin).brown-bg {
      background: #f8f7f7;
      }

      .single-campaign .container {
      padding-top: 0px;
      }

            nroussos Nikos Roussos
            wmorrisj William Morris-Julien (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: