{"users":[{"id":8759,"username":"tuanphan","name":"","avatar_template":"/user_avatar/community.elfsight.com/tuanphan/{size}/3165_2.png","flair_name":"Legends","flair_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/c/3c6e899fccac8b39c33ad7b9174fc431ec403271.png","flair_group_id":49,"trust_level":3},{"id":95,"username":"Tuan","name":"@tuanphan","avatar_template":"https://avatars.discourse-cdn.com/v4/letter/t/e9c0ed/{size}.png","trust_level":1}],"primary_groups":[],"flair_groups":[{"id":49,"name":"Legends","flair_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/c/3c6e899fccac8b39c33ad7b9174fc431ec403271.png","flair_bg_color":"","flair_color":""}],"topic_list":{"can_create_topic":false,"more_topics_url":"/c/other-tips/127?page=1","per_page":30,"top_tags":[{"id":122,"name":"squarespace","slug":"squarespace"},{"id":128,"name":"Ghost","slug":"ghost"},{"id":148,"name":"Google-Sites","slug":"google-sites"},{"id":151,"name":"Blogspot","slug":"blogspot"},{"id":153,"name":"beaver-builder","slug":"beaver-builder"},{"id":46,"name":"contact-form","slug":"contact-form"},{"id":34,"name":"popup","slug":"popup"},{"id":137,"name":"squaerspace","slug":"squaerspace"},{"id":38,"name":"countdown-timer","slug":"countdown-timer"},{"id":11,"name":"featured","slug":"featured"},{"id":4,"name":"form-builder","slug":"form-builder"},{"id":36,"name":"pricing-table","slug":"pricing-table"},{"id":47,"name":"RSS-Feed","slug":"rss-feed"}],"topics":[{"fancy_title":"Squarespace Portfolio Title between Pagination Titles","id":167807,"title":"Squarespace Portfolio Title between Pagination Titles","slug":"squarespace-portfolio-title-between-pagination-titles","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/4/2420695ddd76f5bafb9934ddbd9e7b3720a0a7e3.png","created_at":"2026-07-11T01:15:56.660Z","last_posted_at":"2026-07-11T01:15:57.022Z","bumped":true,"bumped_at":"2026-07-11T01:15:57.022Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description: adding Portfolio Page Title between Pagination Titles \n  \n#1.1. Click Gear icon on Portfolio Page \n  \n#1.2. Click Advanced > Paste this code \n\nIf you use Personal/Basic Plan and your plan doesn’t support Inj…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":186,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/4/2420695ddd76f5bafb9934ddbd9e7b3720a0a7e3.png"},{"max_width":500,"max_height":500,"width":500,"height":132,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/2/4/2420695ddd76f5bafb9934ddbd9e7b3720a0a7e3_2_500x132.png"},{"max_width":375,"max_height":375,"width":375,"height":99,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/2/4/2420695ddd76f5bafb9934ddbd9e7b3720a0a7e3_2_375x99.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":7,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Shop Categories to Header Dropdown","id":167713,"title":"Squarespace Shop Categories to Header Dropdown","slug":"squarespace-shop-categories-to-header-dropdown","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/e/6e012c3fa4d9763e311d0509c625ad9761b060e7.png","created_at":"2026-07-10T09:00:01.584Z","last_posted_at":"2026-07-10T09:00:01.900Z","bumped":true,"bumped_at":"2026-07-10T09:00:01.900Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description \n\nautomatically adding Shop Categories to Header Dropdown menu\nview demo – password: abc\n\n  \n#1.1. First, find Store Page URL \nIn my example, we will have: /storedemo \n  \n#1.2. Create a Dropdown to Main Navig…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":230,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/e/6e012c3fa4d9763e311d0509c625ad9761b060e7.png"},{"max_width":500,"max_height":500,"width":500,"height":164,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/e/6e012c3fa4d9763e311d0509c625ad9761b060e7_2_500x164.png"},{"max_width":375,"max_height":375,"width":375,"height":123,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/e/6e012c3fa4d9763e311d0509c625ad9761b060e7_2_375x123.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":9,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace: play video/text/overlay on hover image","id":167712,"title":"Squarespace: play video/text/overlay on hover image","slug":"squarespace-play-video-text-overlay-on-hover-image","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/9/a9c11789bf8ced7ae78b24b0b6f571caac507dd9.jpeg","created_at":"2026-07-10T08:41:12.053Z","last_posted_at":"2026-07-10T08:41:12.477Z","bumped":true,"bumped_at":"2026-07-10T08:41:12.477Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To play video/text/overlay on hover image (video poster image) in Squarespace, like this. \n  \n#1.1. Make sure you added Video Blocks and upload your desired video (Code won’t work with Youtube/Vimeo) \n  \n#1.2. Make sure …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":232,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/9/a9c11789bf8ced7ae78b24b0b6f571caac507dd9.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":165,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/a/9/a9c11789bf8ced7ae78b24b0b6f571caac507dd9_2_500x165.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":124,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/a/9/a9c11789bf8ced7ae78b24b0b6f571caac507dd9_2_375x124.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":10,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Portfolio Archive Projects","id":167437,"title":"Squarespace Portfolio Archive Projects","slug":"squarespace-portfolio-archive-projects","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/9/59ebc088043752b4a5604970aad65a694736f9bc.jpeg","created_at":"2026-07-09T09:46:09.267Z","last_posted_at":"2026-07-09T09:46:09.636Z","bumped":true,"bumped_at":"2026-07-09T09:46:09.636Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description \n\nadding archive section (hidden by default)/button, move archive items to this section, if users click button will open archive section\nview demo – password: abc\n\n(Initial) \n  \n(On click Archives button) \n  \n…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":241,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/9/59ebc088043752b4a5604970aad65a694736f9bc.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":172,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/5/9/59ebc088043752b4a5604970aad65a694736f9bc_2_500x172.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":129,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/5/9/59ebc088043752b4a5604970aad65a694736f9bc_2_375x129.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":11,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Portfolio Brief Hover","id":167243,"title":"Squarespace Portfolio Brief Hover","slug":"squarespace-portfolio-brief-hover","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/3/03f22d9e96f0a5658464eed02e681a883720744c.jpeg","created_at":"2026-07-08T08:09:47.739Z","last_posted_at":"2026-07-08T08:09:48.224Z","bumped":true,"bumped_at":"2026-07-08T08:09:48.224Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description: hover Portfolio will show title, description, button, overlay color in limited width \n  \n#1.1. First, hover on each Portfolio item > Click Settings \n  \n#1.2. Enter text in SEO Description, use format: descri…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":700,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/3/03f22d9e96f0a5658464eed02e681a883720744c.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":500,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/3/03f22d9e96f0a5658464eed02e681a883720744c_2_500x500.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":375,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/3/03f22d9e96f0a5658464eed02e681a883720744c_2_375x375.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":11,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Horizontal Accordion Block","id":167225,"title":"Squarespace Horizontal Accordion Block","slug":"squarespace-horizontal-accordion-block","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/0/002eebefae81341ea900a5d158e384f54aab4746.jpeg","created_at":"2026-07-08T01:08:27.140Z","last_posted_at":"2026-07-08T01:08:27.491Z","bumped":true,"bumped_at":"2026-07-08T01:08:27.491Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To change accordion block to horizontal accordion on Desktop like this. \n  \n#1.1. Hover on top right of section where you use Accordion > Click EDIT SECTION \n  \n#1.2. at Design > Anchor Link > enter word: horizontal-acco…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":360,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/0/002eebefae81341ea900a5d158e384f54aab4746.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":257,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/0/002eebefae81341ea900a5d158e384f54aab4746_2_500x257.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":192,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/0/002eebefae81341ea900a5d158e384f54aab4746_2_375x192.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":11,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Volume with Audio next to Text","id":167224,"title":"Squarespace Volume with Audio next to Text","slug":"squarespace-volume-with-audio-next-to-text","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/b/3bdb5674b605d34f5061a75398377034a181057b.jpeg","created_at":"2026-07-08T01:00:55.531Z","last_posted_at":"2026-07-08T01:00:55.916Z","bumped":true,"bumped_at":"2026-07-08T01:00:55.916Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add volume with audio next to specific word in Squarespace, like this. \n  \n#1.1. First, make word underline \n  \n#1.2. Hover on Page where you use Text Block > Click Gear icon \n  \n#1.3. Click Advanced > Paste this code …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":498,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/b/3bdb5674b605d34f5061a75398377034a181057b.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":355,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/b/3bdb5674b605d34f5061a75398377034a181057b_2_500x355.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":266,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/b/3bdb5674b605d34f5061a75398377034a181057b_2_375x266.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":7,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace 3 Columns Carousel (Focus on Center Slide)","id":167219,"title":"Squarespace 3 Columns Carousel (Focus on Center Slide)","slug":"squarespace-3-columns-carousel-focus-on-center-slide","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/e/3e08801430c413b5410334a83d4b98b42cf912e7.jpeg","created_at":"2026-07-08T00:33:57.631Z","last_posted_at":"2026-07-08T00:33:58.351Z","bumped":true,"bumped_at":"2026-07-08T00:33:58.351Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description: Carousel with 3 Columns, Focus on Center Slide. Support: autoscroll, drag scroll, trackpad scrolling, clickable image, title, description, button.. \n  \n#1. Install Code \n#1.1. First add Section > Choose Team…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":322,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/e/3e08801430c413b5410334a83d4b98b42cf912e7.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":230,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/e/3e08801430c413b5410334a83d4b98b42cf912e7_2_500x230.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":172,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/e/3e08801430c413b5410334a83d4b98b42cf912e7_2_375x172.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":7,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Product Variant Description","id":167079,"title":"Squarespace Product Variant Description","slug":"squarespace-product-variant-description","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/2/8226720bbfb57cb2b60a5c4734f583b216115814.jpeg","created_at":"2026-07-07T07:11:09.325Z","last_posted_at":"2026-07-07T07:11:09.805Z","bumped":true,"bumped_at":"2026-07-07T07:11:09.805Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description \n\nclick on each variant dropdown option will show variant description\nview demo 01 (variant Color) – pass: abc\nview demo 02 (variant Size) – pass: abc\n\n  \n  \n  \n#1. Install Code \n\nadding Team Section\nadding T…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":330,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/2/8226720bbfb57cb2b60a5c4734f583b216115814.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":235,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/8/2/8226720bbfb57cb2b60a5c4734f583b216115814_2_500x235.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":176,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/8/2/8226720bbfb57cb2b60a5c4734f583b216115814_2_375x176.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":11,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Layered Card Navigation","id":167058,"title":"Squarespace Layered Card Navigation","slug":"squarespace-layered-card-navigation","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/2/023d980d6570a34767620c7fc03a264a2446f952.jpeg","created_at":"2026-07-07T01:06:57.412Z","last_posted_at":"2026-07-07T01:06:57.701Z","bumped":true,"bumped_at":"2026-07-07T01:06:57.701Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description: hover on top left of site will make all pages in navigation overlap as layered card \n  \n#1. Install Code \nNote: code won’t apply on Link item or Dropdown \nUse this code to Code Injection > Footer \n\nIf you us…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":470,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/2/023d980d6570a34767620c7fc03a264a2446f952.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":335,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/2/023d980d6570a34767620c7fc03a264a2446f952_2_500x335.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":251,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/2/023d980d6570a34767620c7fc03a264a2446f952_2_375x251.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":11,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Timeline (style 07)","id":167057,"title":"Squarespace Timeline (style 07)","slug":"squarespace-timeline-style-07","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/8/b880090901b3e7644819079c1d7b82ed290d344f.jpeg","created_at":"2026-07-07T00:53:10.188Z","last_posted_at":"2026-07-07T00:53:10.757Z","bumped":true,"bumped_at":"2026-07-07T00:53:10.757Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add timeline with alternate layout: image, text, description, vertical line, fade in fade out effect, like this. \n\nview demo – password: abc\n\n  \n#1.1. First add Section > Choose Team > Choose Section with (i) icon \n  \n…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":615,"height":700,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/8/b880090901b3e7644819079c1d7b82ed290d344f.jpeg"},{"max_width":500,"max_height":500,"width":439,"height":500,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/b/8/b880090901b3e7644819079c1d7b82ed290d344f_2_439x500.jpeg"},{"max_width":375,"max_height":375,"width":329,"height":375,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/b/8/b880090901b3e7644819079c1d7b82ed290d344f_2_329x375.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":12,"like_count":2,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":2,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Scrolling Text in Announcement Bar Squarespace","id":167056,"title":"Scrolling Text in Announcement Bar Squarespace","slug":"scrolling-text-in-announcement-bar-squarespace","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/9/396612dea47c66691a725418d578c778a481f3fd.png","created_at":"2026-07-07T00:39:32.928Z","last_posted_at":"2026-07-07T00:39:33.207Z","bumped":true,"bumped_at":"2026-07-07T00:39:33.207Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add scrolling text in Announcement Bar in Squarespace, similar Scrolling Block, like this. \n \n#1.1. First you need to enable Announcement Bar \n  \n#1.2. Next, add some Paragraph to Announcement Bar \n  \n#1.3. Next, use …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":64,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/9/396612dea47c66691a725418d578c778a481f3fd.png"},{"max_width":500,"max_height":500,"width":500,"height":45,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/9/396612dea47c66691a725418d578c778a481f3fd_2_500x45.png"},{"max_width":375,"max_height":375,"width":375,"height":34,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/9/396612dea47c66691a725418d578c778a481f3fd_2_375x34.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":9,"like_count":2,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":2,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Hover Links – Change Video Background","id":166950,"title":"Squarespace Hover Links – Change Video Background","slug":"squarespace-hover-links-change-video-background","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/3/f3d134230b5b2f7d82f593268f9e83d2350ecacf.jpeg","created_at":"2026-07-06T00:59:57.480Z","last_posted_at":"2026-07-06T00:59:57.996Z","bumped":true,"bumped_at":"2026-07-06T00:59:57.996Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description: hover links – change section video background, similar Portfolio Hover: background layout, works with Uploaded Video (mp4) only \n  \n#1.1. First add Section > Choose Team > Choose Section with (i) icon \n  \n#1…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":320,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/3/f3d134230b5b2f7d82f593268f9e83d2350ecacf.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":228,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/f/3/f3d134230b5b2f7d82f593268f9e83d2350ecacf_2_500x228.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":171,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/f/3/f3d134230b5b2f7d82f593268f9e83d2350ecacf_2_375x171.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":8,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Carousel Scrolling Announcement Bar","id":166899,"title":"Squarespace Carousel Scrolling Announcement Bar","slug":"squarespace-carousel-scrolling-announcement-bar","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/9/d917e7aab86e9fc6b844f1e282f9ef3b7425b8dc.png","created_at":"2026-07-04T23:14:48.451Z","last_posted_at":"2026-07-04T23:14:48.774Z","bumped":true,"bumped_at":"2026-07-04T23:14:48.774Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add carousel scrolling text to Announcement Bar, like this. \n \n#1.1. First you need to enable Announcement Bar \n  \n#1.2. Next, add some Paragraph to Announcement Bar \n  \n#1.3. Next, use this code to Code Injection > F…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":67,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/9/d917e7aab86e9fc6b844f1e282f9ef3b7425b8dc.png"},{"max_width":500,"max_height":500,"width":500,"height":47,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/d/9/d917e7aab86e9fc6b844f1e282f9ef3b7425b8dc_2_500x47.png"},{"max_width":375,"max_height":375,"width":375,"height":35,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/d/9/d917e7aab86e9fc6b844f1e282f9ef3b7425b8dc_2_375x35.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":10,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Adding variant colors under Summary Block Squarespace","id":166850,"title":"Adding variant colors under Summary Block Squarespace","slug":"adding-variant-colors-under-summary-block-squarespace","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/9/7995ed54197990ccd9b0a59a558d26b940b6a836.jpeg","created_at":"2026-07-04T07:50:07.691Z","last_posted_at":"2026-07-04T07:50:08.088Z","bumped":true,"bumped_at":"2026-07-04T07:50:08.088Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add variant colors under Summary Block, like this. \n  \n#1.1. Make sure you connected Summary Block with desired store page \n  \n#1.2. Hover on Page where you use Summary Block > Click Gear icon \n  \n#1.3. Click Advanced…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":656,"height":646,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/9/7995ed54197990ccd9b0a59a558d26b940b6a836.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":492,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/7/9/7995ed54197990ccd9b0a59a558d26b940b6a836_2_500x492.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":369,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/7/9/7995ed54197990ccd9b0a59a558d26b940b6a836_2_375x369.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":12,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Grid under Portfolio Pagination (Squarespace)","id":166832,"title":"Grid under Portfolio Pagination (Squarespace)","slug":"grid-under-portfolio-pagination-squarespace","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/8/4833b15ddb7a2cd166f93ba162ca6768e4ed131e.jpeg","created_at":"2026-07-04T01:33:12.794Z","last_posted_at":"2026-07-04T01:33:13.229Z","bumped":true,"bumped_at":"2026-07-04T01:33:13.229Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add grid simple or grid overlay under Portfolio Pagination, like this. \n  \n#1.1. Click Gear icon on Portfolio Page \n  \n#1.2. Click Advanced > Paste this code \n\nIf you use Personal/Basic Plan and your plan doesn’t supp…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":267,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/8/4833b15ddb7a2cd166f93ba162ca6768e4ed131e.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":190,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/4/8/4833b15ddb7a2cd166f93ba162ca6768e4ed131e_2_500x190.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":143,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/4/8/4833b15ddb7a2cd166f93ba162ca6768e4ed131e_2_375x143.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":9,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace Scrolling Block Different Color","id":166831,"title":"Squarespace Scrolling Block Different Color","slug":"squarespace-scrolling-block-different-color","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/3/23f4d692d18eddd99ca0ff7ab8f2f345d2ae879b.png","created_at":"2026-07-04T01:21:45.857Z","last_posted_at":"2026-07-04T01:21:46.161Z","bumped":true,"bumped_at":"2026-07-04T01:21:46.161Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add different color to Scrolling Block text in Squarespace, like this. \n  \n#1.1. First, add color to Scrolling Block text, use format like this (wrap hex color or color name between # and #), like this \n  \n#1.2. Hover…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":151,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/3/23f4d692d18eddd99ca0ff7ab8f2f345d2ae879b.png"},{"max_width":500,"max_height":500,"width":500,"height":107,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/2/3/23f4d692d18eddd99ca0ff7ab8f2f345d2ae879b_2_500x107.png"},{"max_width":375,"max_height":375,"width":375,"height":80,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/2/3/23f4d692d18eddd99ca0ff7ab8f2f345d2ae879b_2_375x80.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":10,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Adding logo over Squarespace Gallery Slideshow","id":166830,"title":"Adding logo over Squarespace Gallery Slideshow","slug":"adding-logo-over-squarespace-gallery-slideshow","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/1/610f3a23ec74787ca16435966c1e45cf7b5cd030.jpeg","created_at":"2026-07-04T01:15:56.964Z","last_posted_at":"2026-07-04T01:15:57.420Z","bumped":true,"bumped_at":"2026-07-04T01:15:57.420Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add a logo (clickable or non-clickable logo) over Squarespace Gallery Slideshow, like this. \n  \n#1.1. First, enable Gallery Captions \n  \n#1.2. Next, make sure you use Gallery Slideshow Simple or Slideshow Full \n  \n#1.…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":287,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/1/610f3a23ec74787ca16435966c1e45cf7b5cd030.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":205,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/1/610f3a23ec74787ca16435966c1e45cf7b5cd030_2_500x205.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":153,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/1/610f3a23ec74787ca16435966c1e45cf7b5cd030_2_375x153.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":9,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Adding Multi-level Dropdown Menu to Squarespace","id":165485,"title":"Adding Multi-level Dropdown Menu to Squarespace","slug":"adding-multi-level-dropdown-menu-to-squarespace","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/4/04b99c5198b9f4e212326fabd9e5e652e553e640.jpeg","created_at":"2026-06-25T22:36:06.052Z","last_posted_at":"2026-06-25T22:36:06.568Z","bumped":true,"bumped_at":"2026-06-25T22:36:06.568Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add Multi-level dropdown menu to Squarespace like this \n  \n#1. Install Code \n#1.1. First, you can add a Dropdown Menu, something like this \n  \n#1.2. Next, hover on dropdown > Click Gear icon \n  \nSee URL Slug. We will …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":517,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/4/04b99c5198b9f4e212326fabd9e5e652e553e640.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":369,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/4/04b99c5198b9f4e212326fabd9e5e652e553e640_2_500x369.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":276,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/4/04b99c5198b9f4e212326fabd9e5e652e553e640_2_375x276.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":9,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"(Squarespace) Remove 30 items limit on Summary Block","id":165483,"title":"(Squarespace) Remove 30 items limit on Summary Block","slug":"squarespace-remove-30-items-limit-on-summary-block","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/0/30519790b44009f3fdc217c28b2d689608fb4ea0.png","created_at":"2026-06-25T22:31:28.074Z","last_posted_at":"2026-06-25T22:31:28.580Z","bumped":true,"bumped_at":"2026-06-25T22:31:28.580Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Here I will share code to remove 30 items limit on Summary Block (Blog) without using 3rd party plugin. \n#1.1. First, change Summary Block to Carousel (Don’t worry, we will change back to current layout in next step) \n  \n…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":452,"height":700,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/0/30519790b44009f3fdc217c28b2d689608fb4ea0.png"},{"max_width":500,"max_height":500,"width":322,"height":500,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/0/30519790b44009f3fdc217c28b2d689608fb4ea0_2_322x500.png"},{"max_width":375,"max_height":375,"width":242,"height":375,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/0/30519790b44009f3fdc217c28b2d689608fb4ea0_2_242x375.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":7,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Adding an Audio Player to Site to Increase Dwell Time and User Experience","id":164570,"title":"Adding an Audio Player to Site to Increase Dwell Time and User Experience","slug":"adding-an-audio-player-to-site-to-increase-dwell-time-and-user-experience","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/0/604769e265a8dee5f4e711dbabe396c066def0d8.jpeg","created_at":"2026-06-20T07:16:06.168Z","last_posted_at":"2026-06-20T07:16:06.752Z","bumped":true,"bumped_at":"2026-06-20T07:16:06.752Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Audio can help keep visitors on a page longer, create an emotional connection with your brand, and turn an ordinary visit into a memorable experience. \nThis post will provide some data on this as well as instructions on …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":567,"height":700,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/0/604769e265a8dee5f4e711dbabe396c066def0d8.jpeg"},{"max_width":500,"max_height":500,"width":405,"height":500,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/0/604769e265a8dee5f4e711dbabe396c066def0d8_2_405x500.jpeg"},{"max_width":375,"max_height":375,"width":303,"height":375,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/0/604769e265a8dee5f4e711dbabe396c066def0d8_2_303x375.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":8,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Squarespace change Portfolio Hover Background to Grid on Mobile","id":164569,"title":"Squarespace change Portfolio Hover Background to Grid on Mobile","slug":"squarespace-change-portfolio-hover-background-to-grid-on-mobile","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/f/0fdf17ba6839705bad0518e2086397082db02722.jpeg","created_at":"2026-06-20T07:06:25.202Z","last_posted_at":"2026-06-20T07:06:25.608Z","bumped":true,"bumped_at":"2026-06-20T07:06:25.608Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"You can follow these steps to change Portfolio Page Hover: Background, Hover: Fixed, Hover: Follow Cursor to Grid on Mobile. \n  \n#1.1. First, make sure you used Portfolio Hover: Background or Hover: Follow Cursor or Hove…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":644,"height":700,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/f/0fdf17ba6839705bad0518e2086397082db02722.jpeg"},{"max_width":500,"max_height":500,"width":460,"height":500,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/f/0fdf17ba6839705bad0518e2086397082db02722_2_460x500.jpeg"},{"max_width":375,"max_height":375,"width":345,"height":375,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/0/f/0fdf17ba6839705bad0518e2086397082db02722_2_345x375.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":9,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Adding Image/Icon to Squarespace Scrolling Block","id":162792,"title":"Adding Image/Icon to Squarespace Scrolling Block","slug":"adding-image-icon-to-squarespace-scrolling-block","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/c/7c2406fb97e7e199362bdb94e75bfcd95ac037b0.jpeg","created_at":"2026-06-03T10:23:45.391Z","last_posted_at":"2026-06-03T10:23:45.700Z","bumped":true,"bumped_at":"2026-06-03T10:23:45.700Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add an image or icon to Squarespace Scrolling Block, like this. \n  \n#1.1. First, you need to find Image URL \n#1.2. Add icon/image url to Scrolling Block \n  \nSomething like this \n  \n#1.3. Hover on Page where you use Sc…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":298,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/c/7c2406fb97e7e199362bdb94e75bfcd95ac037b0.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":212,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/7/c/7c2406fb97e7e199362bdb94e75bfcd95ac037b0_2_500x212.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":159,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/7/c/7c2406fb97e7e199362bdb94e75bfcd95ac037b0_2_375x159.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":12,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"(Squarespace Free Plugin) Play Video on Image Hover","id":160801,"title":"(Squarespace Free Plugin) Play Video on Image Hover","slug":"squarespace-free-plugin-play-video-on-image-hover","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/2/82d34b4ad12f5a7f054551efece3eadf2a16a7c7.jpeg","created_at":"2026-05-21T02:07:34.080Z","last_posted_at":"2026-05-21T02:07:34.448Z","bumped":true,"bumped_at":"2026-05-21T02:07:34.448Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description \n\nplay video on image hover\nview demo – password: abc\n\n  \n#1.1. First, you need to edit Image Block > Click Attach Link \n  \n#1.2. At URL > Choose File \n  \n#1.3. Upload Video file (mp4) \n  \nResult something li…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":496,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/2/82d34b4ad12f5a7f054551efece3eadf2a16a7c7.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":354,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/8/2/82d34b4ad12f5a7f054551efece3eadf2a16a7c7_2_500x354.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":265,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/8/2/82d34b4ad12f5a7f054551efece3eadf2a16a7c7_2_375x265.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":17,"like_count":2,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":2,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"(Squarespace Free Plugin) Store Hover Image","id":160800,"title":"(Squarespace Free Plugin) Store Hover Image","slug":"squarespace-free-plugin-store-hover-image","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/1/311a6fd1a7043c811d8e7ab682fba476b112d46d.jpeg","created_at":"2026-05-21T02:04:07.330Z","last_posted_at":"2026-05-21T02:04:07.622Z","bumped":true,"bumped_at":"2026-05-21T02:04:07.622Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description: replace images in Store Page with Images in Product Additional Info \n(you can use it for both your personal + client sites :grin:) \n#1.1. First, add an Image Block in Additional Info \n  \n#1.2. Add text: hove…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":407,"height":700,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/1/311a6fd1a7043c811d8e7ab682fba476b112d46d.jpeg"},{"max_width":500,"max_height":500,"width":290,"height":500,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/1/311a6fd1a7043c811d8e7ab682fba476b112d46d_2_290x500.jpeg"},{"max_width":375,"max_height":375,"width":218,"height":375,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/1/311a6fd1a7043c811d8e7ab682fba476b112d46d_2_218x375.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":11,"like_count":2,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":2,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"How to recreate Well Slideshow style in Squarespace 7.1","id":159164,"title":"How to recreate Well Slideshow style in Squarespace 7.1","slug":"how-to-recreate-well-slideshow-style-in-squarespace-7-1","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/1/71d9fb9d8b7e4552f2ac5745dc7bdb2fcd3b1161.jpeg","created_at":"2026-05-09T09:41:16.735Z","last_posted_at":"2026-05-09T09:41:17.066Z","bumped":true,"bumped_at":"2026-05-09T09:41:17.066Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To recreate Well Gallery (Slideshow) style (in Homepage) in Squarespace 7.1 site. \n\nView demo - Pass: abc\n\n#1.1. First, click Add Section \n  \n#1.2. Click Image > Choose Section with (i) icon \n  \n#1.3. Hover on top right …","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":674,"height":290,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/1/71d9fb9d8b7e4552f2ac5745dc7bdb2fcd3b1161.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":215,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/7/1/71d9fb9d8b7e4552f2ac5745dc7bdb2fcd3b1161_2_500x215.jpeg"},{"max_width":375,"max_height":375,"width":374,"height":161,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/7/1/71d9fb9d8b7e4552f2ac5745dc7bdb2fcd3b1161_2_374x161.jpeg"}],"tags":[],"tags_descriptions":{},"views":21,"like_count":4,"has_summary":false,"last_poster_username":"Tuan","category_id":127,"op_like_count":4,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":95,"primary_group_id":null,"flair_group_id":null}]},{"fancy_title":"Add Email field to Form Submission Success Message","id":157077,"title":"Add Email field to Form Submission Success Message","slug":"add-email-field-to-form-submission-success-message","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/7/c71f7fe939e3c70617e3ee7392e317d02ac74032.png","created_at":"2026-04-27T01:47:34.728Z","last_posted_at":"2026-04-27T01:47:34.992Z","bumped":true,"bumped_at":"2026-04-27T01:47:34.992Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add Email field to Form Submission Success Message in Squarespace like this. \n  \nHere I will guide you use Custom Code. However if you also use this free tool to create Contact Form, so you can add Email to Submission…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":614,"height":303,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/7/c71f7fe939e3c70617e3ee7392e317d02ac74032.png"},{"max_width":500,"max_height":500,"width":500,"height":246,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/c/7/c71f7fe939e3c70617e3ee7392e317d02ac74032_2_500x246.png"},{"max_width":375,"max_height":375,"width":375,"height":185,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/c/7/c71f7fe939e3c70617e3ee7392e317d02ac74032_2_375x185.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":10,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Adding Name field to Form Submission Success Message","id":155244,"title":"Adding Name field to Form Submission Success Message","slug":"adding-name-field-to-form-submission-success-message","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/1/613c9573e01020c696e6f6f54fe85e1d213dbc2c.png","created_at":"2026-04-19T08:56:45.528Z","last_posted_at":"2026-04-19T08:56:45.813Z","bumped":true,"bumped_at":"2026-04-19T08:56:45.813Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"To add Name field to Form Submission Success Message in Squarespace like this. You can follow these. \n  \n#1. Make sure you added Name Fields \n  \n#2. Make sure you added text to Success Message \n  \n#3. Hover on Page where…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":662,"height":434,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/1/613c9573e01020c696e6f6f54fe85e1d213dbc2c.png"},{"max_width":500,"max_height":500,"width":500,"height":327,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/1/613c9573e01020c696e6f6f54fe85e1d213dbc2c_2_500x327.png"},{"max_width":375,"max_height":375,"width":375,"height":245,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/6/1/613c9573e01020c696e6f6f54fe85e1d213dbc2c_2_375x245.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":12,"like_count":2,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":2,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Gallery Grid to Form (Prefill Caption) in Squarespace","id":154051,"title":"Gallery Grid to Form (Prefill Caption) in Squarespace","slug":"gallery-grid-to-form-prefill-caption-in-squarespace","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/b/3b2d6df0f45969a751a2fb5746fcc9bb1c61d1e7.jpeg","created_at":"2026-04-11T01:39:31.525Z","last_posted_at":"2026-04-11T01:39:31.940Z","bumped":true,"bumped_at":"2026-04-11T01:39:31.940Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description \n\n\nclick enquire now on Gallery Image will prefill caption/small image to Form \n\n\nview demo – password: abc \n\n\n  \n  \n#1. Install Code \nIf you use Personal/Basic and your plan doesn’t support Injection, you ca…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":700,"height":452,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/3/b/3b2d6df0f45969a751a2fb5746fcc9bb1c61d1e7.jpeg"},{"max_width":500,"max_height":500,"width":500,"height":322,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/b/3b2d6df0f45969a751a2fb5746fcc9bb1c61d1e7_2_500x322.jpeg"},{"max_width":375,"max_height":375,"width":375,"height":242,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/3/b/3b2d6df0f45969a751a2fb5746fcc9bb1c61d1e7_2_375x242.jpeg"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":16,"like_count":2,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":2,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]},{"fancy_title":"Adding Parallax to Squarespace","id":151059,"title":"Adding Parallax to Squarespace","slug":"adding-parallax-to-squarespace","posts_count":1,"reply_count":0,"highest_post_number":1,"image_url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/c/5ccc411622fe906653c6add5f7d3daadda1f12db.png","created_at":"2026-03-28T07:17:38.156Z","last_posted_at":"2026-03-28T07:17:38.516Z","bumped":true,"bumped_at":"2026-03-28T07:17:38.516Z","archetype":"regular","unseen":false,"pinned":false,"unpinned":null,"excerpt":"Description \n\n\nparallax effect, same as parallax on Squarespace 7.0 \n\n\nview demo – password: abc \n\n\nNote: if you use Person Plan/Basic Plan and can’t use Injection, see #2.1 \n#1. Install code \n#1.1. First, hover on top r…","visible":true,"closed":false,"archived":false,"bookmarked":null,"liked":null,"thumbnails":[{"max_width":null,"max_height":null,"width":502,"height":401,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/c/5ccc411622fe906653c6add5f7d3daadda1f12db.png"},{"max_width":500,"max_height":500,"width":500,"height":399,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/5/c/5ccc411622fe906653c6add5f7d3daadda1f12db_2_500x399.png"},{"max_width":375,"max_height":375,"width":375,"height":299,"url":"https://us1.discourse-cdn.com/flex020/uploads/elfsight/optimized/3X/5/c/5ccc411622fe906653c6add5f7d3daadda1f12db_2_375x299.png"}],"tags":[{"id":122,"name":"squarespace","slug":"squarespace"}],"tags_descriptions":{},"views":18,"like_count":1,"has_summary":false,"last_poster_username":"tuanphan","category_id":127,"op_like_count":1,"pinned_globally":false,"featured_link":null,"has_accepted_answer":false,"can_vote":false,"posters":[{"extras":"latest single","description":"Original Poster, Most Recent Poster","user_id":8759,"primary_group_id":null,"flair_group_id":49}]}]}}