Jump to content

Ems-H

Member
  • Posts

    20
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Ems-H reacted to tuanphan in Change category link background to different colours   
    #1. Add to Design > Custom CSS
    .sqs-block-summary-v2 .summary-metadata-item { opacity: 1 !important; } (default is 0.7)
    #2. Use this CSS
    /* space category box - author date */ .blog-meta-item.blog-meta-item--categories { margin-bottom: 20px; }  
  2. Like
    Ems-H reacted to tuanphan in Change category link background to different colours   
    Because the font. You can change to another font, it will fix itself. Or we can set some top padding to fix by this code
    /* All topics */ span.blog-categories-list a { padding-top: 0.4em !important; } /* Homepage */ span.summary-metadata-item.summary-metadata-item--cats a { padding-top: 0.3em !important; } /* blog posts */ a.blog-item-category { padding-top: 0.4em !important; } With color, remove this code
    .blog-meta-item--categories a { background: #f18800; padding: 0.15em 0.5em 0.2em !important; color: #fff !important; letter-spacing: .8px; text-transform: uppercase !important; font-weight: 600 !important; font-size: 1rem !important; } use this new code
    .blog-meta-item--categories a { padding: 0.15em 0.5em 0.2em !important; color: #fff !important; letter-spacing: .8px; text-transform: uppercase !important; font-weight: 600 !important; font-size: 1rem !important; } /* Technology */ a.blog-item-category[href="/all-topics/category/Feature"] { background-color: #f1f; } /* Events */ a.blog-item-category[href="/all-topics/category/Events"] { background-color: brown; } /* Women */ a.blog-item-category[href="/all-topics/category/Women+in+SAP"] { background-color: #000; }  
  3. Like
    Ems-H reacted to tuanphan in Change category link background to different colours   
    First, remove this CSS code
    .blog-meta-section * { background: #f18800; padding: 0.15em 0.1em 0.15em 0.15em !important; color: #fff !important; letter-spacing: .8px; text-transform: uppercase !important; font-weight: 600 !important; font-size: 1rem !important; } Next, add this CSS code
    span.blog-categories-list a { padding: 0.15em 0.1em 0.15em 0.15em !important; color: #fff !important; letter-spacing: .8px; text-transform: uppercase !important; font-weight: 600 !important; font-size: 1rem !important; } /* Technology */ span.blog-categories-list a[href="/all-topics/category/Technology"] { background-color: #f1f; } /* Events */ a.blog-categories[href="/all-topics/category/Events"] { background-color: brown; } /* Women */ a.blog-categories[href="/all-topics/category/Women+in+SAP"] { background-color: #000; }

  4. Like
    Ems-H reacted to tuanphan in Change category link background to different colours   
    Something like this?
    https://burgundy-sepia-c5lz.squarespace.com/all-topics

  5. Like
    Ems-H reacted to tuanphan in Custom CSS to change the date and category font in blog post - Squarespace 7.1   
    Add to Design > Custom CSS
    /* Blog date category */ .blog-meta-section * { font-family: 'GTEestiLight' !important; } body .blog-item-wrapper .blog-item-meta-wrapper * { font-family: 'GTEestiLight' !important; }  
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.