Lightbox Contact Form in Header

Hello everyone,

I am somewhat new to SquareSpace, but I love website design, and this platform seems to be the most functional. 

However, I'm running into a few issues, that can only be resolved (to my knowledge) using code. 

1. I have a form at the bottom of my site that I would like to be linked in the site header. Currently the button only allows me to link to a page, email, phone, etc. Is there any way to link this to a form using code?

2. In my "Meet the Team" page I want to attach their individual LinkedIn profiles and have it show up like a social media link with the LinkedIn logo, rather than just a normal/basic button. The support team told me that I would need to use code for that as well. 

Does anyone know how to help me with these issues?

Thank you!

#1. You can add a Code Block above Form, enter this syntax into Code Block

<span id="contact-form"></span>

Then in Header, add a Link item with URL: #contact-form

#2. Can you share link to Meet the Team page? We can give code easier

Thank you, I will go and try that code in the header. 

Our "Meet the Team" section is on the landing page 

www.volley-ed.com

Thank you!

On 4/5/2023 at 9:27 PM, SGlover said:

Thank you, I will go and try that code in the header. 

Our "Meet the Team" section is on the landing page 

www.volley-ed.com

Thank you!

Add to Design > Custom CSS

/* Linkedin button to icon */
a.list-item-content__button.sqs-block-button-element[href*="linkedin"] {
    background-image: url(https://cdn-icons-png.flaticon.com/512/1384/1384014.png) !important;
    border: none !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: invert(1);
    color: transparent !important;
}