sanfranciscosasha Posted December 21, 2021 Share Posted December 21, 2021 Site URL: https://something-blog.squarespace.com/ Question for mobile optimization on Headline Carousel Section: ON MOBILE, I am trying to center align the content of Headline Carousel Section (.user-items-list-carousel) and show adjacent slides with .5 opacity. the carousel is center aligned on desktop, but on mobile, i was only able to get it to span full width of viewport. I don't know what the name for ACTIVE SLIDE IN VIEW so please can someone help? Please, refer to attached mockup of the UX I'm trying to achieve. Thank you so much! Website: ---> https://something-blog.squarespace.com/ Password: ---> demo Link to comment
sanfranciscosasha Posted December 21, 2021 Author Share Posted December 21, 2021 Once again @tuanphan what do you think? I hope Squarespace starts paying you for all the valuable advice and guidance you provide to so many of us here on the Forum! Link to comment
tuanphan Posted December 25, 2021 Share Posted December 25, 2021 You mean Reduce with of middle item Make sure item 1 - item 3 appears a little bit Is there anything else? 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
brittanya01 Posted February 7, 2022 Share Posted February 7, 2022 @sanfranciscosasha did you find a solution to your question? I am also hoping to achieve the same thing! Link to comment
brittanya01 Posted February 8, 2022 Share Posted February 8, 2022 (edited) On 12/24/2021 at 7:01 PM, tuanphan said: You mean Reduce with of middle item Make sure item 1 - item 3 appears a little bit Is there anything else? @tuanphan I apologize, I'm not familiar with editing custom CSS. Do you mind helping me know what to paste into the edit box in order to achieve the result OP was hoping for? Edited February 8, 2022 by brittanya01 Link to comment
tuanphan Posted February 12, 2022 Share Posted February 12, 2022 On 2/8/2022 at 12:18 PM, brittanya01 said: @tuanphan I apologize, I'm not familiar with editing custom CSS. Do you mind helping me know what to paste into the edit box in order to achieve the result OP was hoping for? Hi. What is your problem? Can you share link to page where you have problem? 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
macattack Posted February 16, 2022 Share Posted February 16, 2022 I would love know how to do this as well and have the exact same question as sanfranciscosasha Link to comment
tuanphan Posted February 21, 2022 Share Posted February 21, 2022 On 2/16/2022 at 9:54 AM, macattack said: I would love know how to do this as well and have the exact same question as sanfranciscosasha You mean Reduce with of middle item Make sure item 1 - item 3 appears a little bit Can you share link to your site? We can check 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
PRPdc Posted March 10, 2022 Share Posted March 10, 2022 Eagerly waiting for a working answer to this! Link to comment
jack2 Posted January 26 Share Posted January 26 I would also like to create the same gallary effect in the following website and show adjacent slides with .5 opacity. in the carousel. Could you please send the CSS code to do that? https://armadillo-alpaca-ztz4.squarespace.com password: Daph-01 Link to comment
tuanphan Posted January 30 Share Posted January 30 On 1/27/2024 at 2:07 AM, jack2 said: I would also like to create the same gallary effect in the following website and show adjacent slides with .5 opacity. in the carousel. Could you please send the CSS code to do that? https://armadillo-alpaca-ztz4.squarespace.com password: Daph-01 Can you share link to this page? 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
jack2 Posted January 30 Share Posted January 30 54 minutes ago, tuanphan said: Can you share link to this page? www.daph.studio 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