Jump to content

Blackbearsfire

Member
  • Posts

    22
  • Joined

  • Last visited

Reputation Activity

  1. Like
    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? 
  2. Like
    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
  3. Like
    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.
  4. Like
    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
     
  5. Like
    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.
  6. Haha
    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!
  7. Like
    Blackbearsfire reacted to Ziggy in Image hover effects with links   
    Not a problem, good luck with any tweaks you make.
  8. Thanks
    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.
  9. Like
    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.
  10. Like
    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.
  11. Like
    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?
×
×
  • 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.