KellyGidney Posted May 1, 2023 Share Posted May 1, 2023 Hello, I am trying to figure out how to add custom pop up text like on this website (Home Page, Exclusive Collection). And really just how to create the entire section, with button and arrows below. Thank you! Link to comment
tuanphan Posted May 3, 2023 Share Posted May 3, 2023 Hi, What is site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KellyGidney Posted May 3, 2023 Author Share Posted May 3, 2023 https://officialpartners.com/ Link to comment
KellyGidney Posted May 4, 2023 Author Share Posted May 4, 2023 Hello, I am trying to figure out how to add custom pop up text like on this website (Home Page, Exclusive Collection). And really just how to create the entire section, with button and arrows below. Thank you! https://officialpartners.com/ Link to comment
tuanphan Posted May 6, 2023 Share Posted May 6, 2023 On 5/4/2023 at 3:15 AM, KellyGidney said: https://officialpartners.com/ You mean hover on each image >> Text box slide up? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted May 6, 2023 Share Posted May 6, 2023 You mean hover on each image > Text box slide up? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KellyGidney Posted May 6, 2023 Author Share Posted May 6, 2023 Yes, exactly! I would also like to know how to add the arrows and 'View Properties' below the images, like this website. Thank you! Link to comment
tuanphan Posted May 9, 2023 Share Posted May 9, 2023 On 5/6/2023 at 11:41 PM, KellyGidney said: Yes, exactly! I would also like to know how to add the arrows and 'View Properties' below the images, like this website. Thank you! I tried building this with List Banner Slideshow. You try checking https://thung.squarespace.com/list-section-slideup?noredirect Pass: abc Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KellyGidney Posted May 17, 2023 Author Share Posted May 17, 2023 Yes, is this a feature in Squarespace? Or custom? Link to comment
tuanphan Posted May 20, 2023 Share Posted May 20, 2023 On 5/18/2023 at 4:05 AM, KellyGidney said: Yes, is this a feature in Squarespace? Or custom? It is custom code + List Section You need to add List Section Slideshow Next add some text Next share link to page where you add them, we will give the code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KellyGidney Posted July 7, 2023 Author Share Posted July 7, 2023 Can you please give me the code to enter? Link to comment
tuanphan Posted July 9, 2023 Share Posted July 9, 2023 On 7/8/2023 at 4:03 AM, KellyGidney said: Can you please give me the code to enter? Have you added it yet? Can you share page url? We can check code easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KellyGidney Posted July 20, 2023 Author Share Posted July 20, 2023 aboderealty.squarespace.com password: realestate Link to comment
tuanphan Posted July 22, 2023 Share Posted July 22, 2023 Add to Design > Custom CSS /* List section slideup */ body.homepage { .user-items-list-banner-slideshow .slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-banner-slideshow .slideshow-gutter { cursor: pointer; } li.slide.list-item { justify-content: flex-start !important; padding-bottom: 0 !important; align-items: flex-end !important; } .slide-content.list-item-card-background.list-item-rich-animation { width: 800px !important; transition: all 0.3s ease !important; transform: translateY(100%); } li:hover .slide-content.list-item-card-background.list-item-rich-animation { transform: translatey(0); transition: all 0.3s ease !important; } a.list-item-content__button:before { content: "\e009"; font-family: 'squarespace-ui-font'; font-size: 30px; transform: rotate(-90deg); display: block; color: black !important; border: 1px solid black; height: 30px; width: 30px; border-radius: 50%; } a.list-item-content__button { background: transparent !important; border: none !important; color: transparent !important; padding: 0 !important; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment