Ems-H
-
Posts
20 -
Joined
-
Last visited
Reputation Activity
-
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; }
-
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; }
-
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; }
-
Ems-H reacted to tuanphan in Change category link background to different colours
Something like this?
https://burgundy-sepia-c5lz.squarespace.com/all-topics
-
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; }