Summary Blocks

Written By Sarah Foubert

The Library of Code is a compilation of different bits of html, CSS and Javascript that I’ve used in my own web design. Rather than keeping the links from creators all over the internet stored locally I thought I’d share them instead! Keep these at hand by subscribing to the foubography rss feed or head to foubography’s instagram and save the posts.

 

Just paste this bit of code in Design > Custom CSS and adjust accordingly.

  • /* Summary Block Title */

    .sqs-block-summary-v2 { .summary-title, .summary-heading {

    font-family: syne;
    font-weight: 800;
    font-size: 18px !important;
    text-transform: uppercase;

    } }

    /* Summary Block Title END */

  • .sqs-block-summary-v2 {

    .summary-title,

    .summary-heading {

    text-align: justify;

    } }

  • /* Summary Block Metadata */

    .summary-metadata-item {
    font-family: syne;
    text-transform: uppercase !important;

    }

    /* Summary Block Metadata END */

  • /* Remove Original Demeter */

    .summary-metadata-item:after {

    display: none;

    }

    /* Remove Original Demeter END */

    /* Add New Demeter */

    .summary-metadata--primary:after {

      content: "|";

      font-weight: 500;

      padding-left: 0.25px;

      padding-right: 4.5px;

    }

    /* Add New Demeter END */

  • .sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats {
      font-size: 0px !important;
    }

    .sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats a{
      font-size: 10px !important;
      font-family: 'Poppins';
    }

    .sqs-block-summary-v2 .summary-metadata-item.summary-metadata-item--cats a:not(:last-child):after{
      content: "|";
      visibility: visible;
      padding-left: 8px;
      padding-right: 8px;
    }

 

Related posts

Sarah Foubert

I’m a photographer and Squarespace web designer based in Altrincham, South Manchester. I specialise in portrait, landscape and opera photography and also offer a “complete website package” where I can offer headshots, photos of your business and design your new website so you can manage it yourself afterwards.

Over the years I’ve built a portfolio career as a professional photographer, opera singer, wardrobe assistant and singing teacher. I have a MMus from the RNCM, a Bachelor in Theatre Sciences and Musicology from Ghent University and I’m a qualified teacher. When my son was born in 2021 I quickly realised that an opera career wasn’t as compatible with being a mum as much as I would like, so I decided to change my focus completely to photography and web design.

I prefer working with daylight in casual surroundings while having a chat making sure you’re at ease and relaxed. It’s the little moments in between that make the best shots!

Feel free to get in touch if you’d like to work with me!

http://www.foubography.com
Next

Markdown | text-align: center