ZaheemV Posted February 24 Share Posted February 24 I'm interested in designing a landing page for my website, and I have a link to a sample website for reference. https://sanchosmalls.com I aim to achieve a similar effect, but I suspect the sample website was created using the classic editor. Does anyone have insights on how to replicate the same effect using the fluid engine? Link to comment
tuanphan Posted February 25 Share Posted February 25 You mean left with black background, some text, button and right side is a slideshow You can create 2 sections: top is black section, second is gallery slideshow then share page url, we can give code to make 2 sections side by side 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
ZaheemV Posted February 26 Author Share Posted February 26 The website's layout is organized as specified, and you can access it through this link: https://bellwethergo.com/landing-page-test Link to comment
tuanphan Posted February 26 Share Posted February 26 1 hour ago, ZaheemV said: The website's layout is organized as specified, and you can access it through this link: https://bellwethergo.com/landing-page-test Do you use Personal or Business Plan? And you want to move slideshow to left or right of text section under it 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
ZaheemV Posted February 26 Author Share Posted February 26 15 hours ago, tuanphan said: Do you use Personal or Business Plan? And you want to move slideshow to left or right of text section under it I use the basic business plan, aiming to position the slideshow on the left side of the text section. Link to comment
tuanphan Posted February 27 Share Posted February 27 2 hours ago, ZaheemV said: I use the basic business plan, aiming to position the slideshow on the left side of the text section. You can use this code to Website > Website Tools > Custom CSS body#collection-65da6cd65c45be5c47e05507 article#sections { display: flex; align-items: center; } body#collection-65da6cd65c45be5c47e05507 article#sections section { width: 50% !important; padding: 0 !important; height: 100vh !important; } Note: this page has 2 sections only so I use this code, but if your page has 3 or more sections, we will need to use another code You can edit text section to adjust width/size 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