Hey man! I know this is a little bit dated now, but I just wanted to say thanks. It still works great on the latest SS update. Saved me a lot of headache. Cheers.
HI can I add a motion graphics with transparent background? For example, a video logo with transparent background so I can overlay it on text or other stuffs
@@jasperbalba7429 it's very difficult to do transparent video on the web. Google video with transparent background on the web as there are some articles about it. I have only done it once for a client and haven't done it since. It was a pain in the butt.
Is their a way to do this on Squarespace 7.0? Im still using a brine template on 7.0 and don't want to go through the hassle of recreating my site on 7.1.
I actually figured it out. by adding to header branding -webkit-filter: invert(100%); But I only want it to do it to the first page. Do you know what the code would be?
Hey man! I know this is a little bit dated now, but I just wanted to say thanks. It still works great on the latest SS update. Saved me a lot of headache. Cheers.
I'm glad it worked for you!
Thanks for this! Found this tutorial about a year ago and I finally got to use it in a project! Works so great! Keep up the awesome work!
Thank you! I'm glad it worked for your project!
This is such a nice customization trick. Recently used it and it took things up a notch.
Great to hear Jai!!
Exactly what I was looking for, and taught me how to find it myself in the future (and understand it!). Thank you!
I'm glad it was helpful Cameron!
This was SO useful, thank you!
Awesome, I'm so glad!
Crushed it. As great as Squarespace is they really need to solve some of these customization issues because it really limits creativity.
Thanks Brent! I totally agree
thank you for this!!
VERY COOL. Any idea how to compensate for the flicker when the logo is replaced?
Is it happening on the live site as well?
If so, you could set up a CSS animation to fade in the logo on page load.
Thank you!
I'm glad it was helpful!
Thanks for this video! I can't get it to work on my individual product pages though, are there any solutions for this? Thank you
HI can I add a motion graphics with transparent background? For example, a video logo with transparent background so I can overlay it on text or other stuffs
The logo accepts image types, so .jpeg, .png and .gif
@@SEWebDesign I mean a motion graphics
@@jasperbalba7429 it's very difficult to do transparent video on the web. Google video with transparent background on the web as there are some articles about it. I have only done it once for a client and haven't done it since. It was a pain in the butt.
Hey how to hide a image in mobile device but it should be shown in desktop view ?
Look up "css media queries" you will want to use a max-width media query with a pixel value of 640px.
For some reason, the "transparent" toggle button isn't appearing for me?
Squarespace has since updated the UI. They now call it "dynamic" header style when editing the header.
Is their a way to do this on Squarespace 7.0? Im still using a brine template on 7.0 and don't want to go through the hassle of recreating my site on 7.1.
Yes I have another video for Brine family templates on my channel!
@@SEWebDesign found it thank you. I was also trying to find out how to add the underline/bottom boarder on the header like on your website.
@@kylepalmer4833
#header {
border-bottom: 1px solid #fff;
}
@@SEWebDesign is their also a way to have the logo change from white to black when you scroll
I actually figured it out. by adding to header branding
-webkit-filter: invert(100%);
But I only want it to do it to the first page. Do you know what the code would be?