GraceC1 Posted May 19, 2022 Share Posted May 19, 2022 Hi all, I am wondering if Squarespace allows you to create a 2 column layout that works as tabbed content. I am wanting to include headings within the left column and when you click on each heading the right column changes to display text that is related to that heading. Below is an example on how I would like it to display. Any help would be SO appreciated. Thanks in advance! Link to comment
tuanphan Posted May 20, 2022 Share Posted May 20, 2022 There are some plugins, help you achieve this easier. If you find free solution, you can find free code on Codepen.io (a lot of code). Then share link, we can convert it to Squarespace code. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
GraceC1 Posted May 23, 2022 Author Share Posted May 23, 2022 @tuanphan Do you know what this style is called? I am trying to find a source in codepen however I can only find traditional looking tabbed content. Any suggestions? It would help me so much! Link to comment
tuanphan Posted May 24, 2022 Share Posted May 24, 2022 6 hours ago, GraceC1 said: @tuanphan Do you know what this style is called? I am trying to find a source in codepen however I can only find traditional looking tabbed content. Any suggestions? It would help me so much! You can try some keywords tabs vertical tabs eg https://codepen.io/rixodesign/pen/RjgxZq https://codepen.io/Ghandour/pen/WErRyq https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_tabulators_sidebar Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
creedon Posted May 25, 2022 Share Posted May 25, 2022 Please see Text Block Text Class Add. Although not directly a solution to a tab effect. The code can be a building block ( not in the sense of an SS block ) to getting your own tab effect going. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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