MansidakS

Hey everyone, so imma keep it short. I have a page where there is a textarea element present on the page with a single background image. HOWEVER, I need to use multiple background images which keep rotating as a slideshow in the background but whenever the textarea height increases the browser height, I want the background to stretch (or be magnified) accordingly. When I add one background image as usual I can have desired result here the bg image magnifies itself whenever the textarea height increases but I need to add multiple background images instead of just one. Is there any way I can do so?

@tuanphan I know it's a long shot if you're still seeing my response; But I've made a normal page and have been able to hide header, footer, logo, navigation but I'm not sure how to add multiple images as backgrounds. Do you know how can I add multiple photos as backgrounds in a normal page AND THEN randomize them?

Go to site styles and change the 'Use fixed Height' option and change the aspect ratio as desired.

@tuanphan My bad. Nvm. It worked. Just added .Main and .Header after body. So thank you so much for your help. Means a lot. I wanted to know a couple more things actually: 1. Is there a way to invert the color of the logo? I got a black logo as homepage navigation. I usually just use header { filter: invert(100%); } in custom css in order to invert the logo color but this time when I use this it inverts the whole header color. Like is there any way to target the logo individually and invert its color? 2. And, I understand it might be a long shot, but is there any way to activate the dark theme with a button instead of automatically recognizing it from the browser window? Like a switch button?

@tuanphan Thanks for the quick response. So it does turn the font to white which is great but the background is still white. Am I doing anything wrong? I think the code is not being able to override the site's style property of background color maybe?

Hi all! So I've been trying to add a custom code to my Squarespace site for few days now and nothing seems to be working out. The code works like a charm on jsfiddle but when I try to put it in the website, it doesn't work at all. I've tried putting it at all the appropriate placed (code injection, header, code block, footer, banner etc.) Basically the three buttons in the body tag don't work. The soundcloud widget plays the music but I want to control the buttons to work as well. Any kind of support would be really appreciated. It's kinda urgent so a quick response would mean a lot.

I did! Thanks for checking out the website though! It was just a js function that did the job.

Site URL: https://www.frostwriter.com Hi! I have a website where there is a <textarea> tag is being used. It basically allows the user to type in something and download the content as a txt file. I wish to add a feature that shows a dialog box in the browser which asks "Are you sure you wish to close the browser without saving your work"? I want to add this so that the user doesn't lose their content and can be reminded to download it before leaving the page or refreshing the page. I saw some similar questions in stack exchange but neither of them worked on Squarespace. Any kind of help would be really appreciated! Thanks in advance!