Blackbearsfire
-
Posts
22 -
Joined
-
Last visited
Reputation Activity
-
Blackbearsfire reacted to ReformDesign in Embedded code for footer
P.S. Squarespace integrates with Mailchimp with it's native newsletter block; is there a reason you don't want to use that?
-
Blackbearsfire reacted to Ziggy in Image hover effects with links
You can find guides like this that can be helpful:
https://insidethesquare.co/css
Different image types have different classes, and every individual block has it's own ID which you can find either by inspecting the code or using a Chrome extension.
https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71
-
Blackbearsfire reacted to tuanphan in Class IDs list?
To target Image in Image Blocks, Gallery Block, Summary Block, you can use Block ID
To target Section Background Image, List Section Image, Gallery Section Image, you can use data-section-id
You can use this tool to find block id, data section id.
-
Blackbearsfire reacted to Beyondspace in Class IDs list?
You can use the following extension to get page id, section id, block id: Squarespace ID Finder
-
Blackbearsfire reacted to creedon in animated number counter without using Elfsight
I seem to recall several posts about counters on this forum. I don't have any pointers but the search engine here may help.
You can also search for examples on sites like codepen, keeping in mind that unless the example explicitly states it's for SS, then you most likely will need to adapt the code.
-
Blackbearsfire reacted to Ziggy in Image hover effects with links
Nope, that was me missing something:
.sqs-block-image img { opacity:0.6; transition:ease-in-out 300ms; &:hover { opacity:0.9; } } I deleted a semicolon, just to demonstrate how easy it is to have mistakes in code.....or maybe just by accident!
-
Blackbearsfire reacted to Ziggy in Image hover effects with links
Not a problem, good luck with any tweaks you make.
-
Blackbearsfire reacted to Ziggy in Image hover effects with links
It is probably worth saying that CSS can have impacts across your website, and you should be careful to understand what you're adding before doing it, or employ someone who does know to avoid a potentially broken website.
-
Blackbearsfire reacted to Ziggy in Image hover effects with links
This will make images have an opacity of 60% and 90% when hovered on.
Place in Custom CSS under the Design dashboard option.
.sqs-block-image img { opacity:0.6 transition:ease-in-out 300ms; &:hover { opacity:0.9; } } You can replace .sqs-block-image img with anything you want, block IDs list sections, gallery images etc.
-
Blackbearsfire reacted to Ziggy in Image hover effects with links
You can add a hover effect to any block in CSS, and set an opacity. You would just need the block ID if you wanted to target one individual block, or a class if you want to target all image blocks on a page or more.
-
Blackbearsfire reacted to Beyondspace in Image hover effects with links
Can you share your site Url and protected password (if you have) so I can take a look?