Search the Community
Showing results for tags 'wall-summary'.
Found 3 results
-
I am using the following code to apply a border radius to all "wall" summary blocks: // Wall Summary Blocks - Global // .sqs-gallery-design-autocolumns .summary-thumbnail { border-radius: 8px !important; } However, this isn't working. Can anyone let me know how to resolve. Thanks URL: https://upliftingme.co/edward-hopper
-
Site URL: https://www.1fortheworld.org/ Our charity asks people to take a pledge to give 1% of their income to a vetted list of non-profits. I'd like to have a form on the website where people can 'make the pledge', and then their name appear on a page on the site. What's the best structure for this in SS? Ideally I'd like their name to be added automatically, rather than manually.
- 4 replies
-
- 1
-
-
- form
- wall-summary
- (and 2 more)
-
Site URL: https://graphicstructures.squarespace.com/ I have successfully added a hover over effect on my blog masonry layout - https://graphicstructures.squarespace.com/projects (pass: preview) I now want to replicate the same effect on the homepage https://graphicstructures.squarespace.com/ (pass: preview) using the summary wall block. I am a bit stuck, can someone help? The code I am using for the blog is below: .blog-masonry .blog-item-summary { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; opacity: 0; transition: all .3s ease; height: 100%; } .blog-masonry .masonry-ready .entry.is-loaded:hover .blog-item-summary { cursor: pointer; opacity: 1; transition: all .3s ease; z-index:100; } .blog-masonry .masonry-ready .entry.is-loaded:hover img {opacity: 0.9;} .blog-masonry .blog-item-summary { display: flex; place-items: center; justify-content: center; } .blog-title {background-color: rgba(255,255,255,0); color:#000 !important;} .blog-title a:after { content:''; width: 100vw; height: 100vh; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .blog-item-summary { overflow:hidden; } .blog-item-content-wrapper { margin-left:-15px !important; margin-right:-15px !important; }
