DavidStewart

Hi Alek, You your idea seems great but any of the buttons, colors and setting don't work. How would like work that? I think there are lot of thing to be work on and you will need a developer who may built that for you. I am not sure, your script will work here. Because there are lot more custom code need to be written.

This isn’t possible on the promotional popup due to the limited space available on the mobile version. If you prefer to capture more information, you can embed a popup form from mailchimp or other email marketing platform.

@Beyondspace Can you tell me which extension you are using to add the css and for testing purposes? I would love to use that.

Didn't understand your question. Can you clarify a bit.

Sure, Please send me the website url so that I can check and give you the code.

Hi, This is one of many options: https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace You can add any blocks (video, image, gallery, form...) into accordion content with this plugin. If I found something better for only accordion then I will update my post for sure.

It looks perfect on both of my browsers. (Mozilla and Chrome.) Can you check from other device and browser?

Here is a timeline that you can add on your website. It's a vertical timeline that i found on codepen. Add these code in a code block on your site. HTML: <div class="timeline"> <ul> <li> <div class="right_content"> <h2>Sample Text</h2> <p>A paragraph is defined as “a group of sentences or a single sentence that forms a unit” (Lunsford and Connors 116). Length and appearance do not determine whether a section in a paper is a paragraph. For instance, in some styles of writing, particularly journalistic styles, a paragraph can be just one sentence long. </p> </div> <div class="left_content"> <h3>January 2019 </h3> </div> </li> <li> <div class="right_content"> <h2>Sample Text</h2> <p>A paragraph is defined as “a group of sentences or a single sentence that forms a unit” (Lunsford and Connors 116). Length and appearance do not determine whether a section in a paper is a paragraph. For instance, in some styles of writing, particularly journalistic styles, a paragraph can be just one sentence long. </p> </div> <div class="left_content"> <h3>February 2019 </h3> </div> </li> <li> <div class="right_content"> <h2>Sample Text</h2> <p>A paragraph is defined as “a group of sentences or a single sentence that forms a unit” (Lunsford and Connors 116). Length and appearance do not determine whether a section in a paper is a paragraph. For instance, in some styles of writing, particularly journalistic styles, a paragraph can be just one sentence long. </p> </div> <div class="left_content"> <h3>July 2019 </h3> </div> </li> <li> <div class="right_content"> <h2>Sample Text</h2> <p>A paragraph is defined as “a group of sentences or a single sentence that forms a unit” (Lunsford and Connors 116). Length and appearance do not determine whether a section in a paper is a paragraph. For instance, in some styles of writing, particularly journalistic styles, a paragraph can be just one sentence long. </p> </div> <div class="left_content"> <h3>August 2019 </h3> </div> </li> <div style="clear:both;"></div> </ul> </div> Then add some CSS : You can add this code to Website > Website Tools > Custom CSS .timeline:before { content: ''; position: absolute; height: 100%; left: 50%; width: 2px; top: -20px; background: #fff; z-index: 1; } .timeline { position: relative; margin: 50px auto; width: 1000px; padding: 50px 0; } .timeline ul { margin: 0; padding: 0; } .timeline ul li { list-style: none; box-sizing: border-box; line-height: normal; position: relative; width: 50%; padding: 40px 70px; } .timeline ul li .right_content h2 { color: rgba(59, 112, 239, 1); padding: 0px 2px 18px 0px; } .timeline ul li:nth-child(odd) { float: left; text-align: right; clear: both; } .timeline ul li:nth-child(even) { float: right; text-align: left; clear: both; } .left_content { padding-bottom: 20px; } .timeline ul li:nth-child(odd):before { content: ''; position: absolute; width: 10px; height: 10px; background: rgba(59, 112, 239, 1); border-radius: 50%; box-shadow: 0 0 0 3px rgba(58, 112, 239, 0.2); right: -6px; top: 24px; z-index: 1; } .timeline ul li:nth-child(even):before { content: ''; position: absolute; width: 10px; height: 10px; background: rgba(59, 112, 239, 1); border-radius: 50%; box-shadow: 0 0 0 3px rgba(58, 112, 239, 0.2); left: -6px; top: 24px; } .timeline ul li:nth-child(odd) .left_content { position: absolute; top: 12px; right: -165px; margin: 0; padding: 8px 16px; color: #fff; box-shadow: 0 0 0 3px rgba(59, 112, 239, 0.3); border-radius: 18px; } .timeline ul li:nth-child(even) .left_content { position: absolute; top: 12px; left: -165px; margin: 0; padding: 8px 16px; color: #fff; box-shadow: 0 0 0 3px rgba(59, 112, 239, 0.3); border-radius: 18px; } @media (max-width: 1000px) { .timeline { width: 100%; } } @media (max-width: 767px) { .timeline { width: 100%; } .timeline:before { left: 20px; } .timeline ul li:nth-child(odd), .timeline ul li:nth-child(even) { width: 100%; text-align: left; padding-left: 50px; } .timeline ul li:nth-child(odd):before { top: -18px; left: 16px; } .timeline ul li:nth-child(even):before { top: -18px; left: 16px; } .timeline ul li:nth-child(odd) .left_content, .timeline ul li:nth-child(even) .left_content { top: -30px; left: 50px; right: inherit; } } You just need to change the html text with yours. It is very easy if you are familiar with html.

You can add this code to Website > Website Tools > Custom CSS .header-nav { line-height: 2em; } Let me know if it work for you.

@MoeTalks General format : /old-url-here -> /new-url-here 301 for redirect yours to homepage/main domain you need to use it like this. /portfolio/television/wait -> / 301 /television/wait -> / 301 302 redirects are meant for temporary redirect 301 redirects are meant for permanent redirect.

Yep! It is possible. Please follow this guideline : https://support.squarespace.com/hc/en-us/articles/205815308-URL-mappings

Please update the code with this one : @media screen and (max-width:767px) { section#feature { height: 100vh !important; } #feature img { height: 100vh !important; } } let me know if it help you.

Please us this code : Website > Website Tools > Custom CSS #sections .sqs-block-button .sqs-block-button-element:hover { color: #fff !important; background-color: #5f295f !important; opacity: 1 !important; } Let me know how it goes.

I don't think it is possible. However, I would love to hear from Tuan!

Your website password not working.