Cdonn

Hey everyone I am having an issue with my mobile background color. I set it to white however it is coming out as a dark gray on mobile. The page is coming out as below but should be a white background. Any ideas?

Residential — Newport Property Construction (squarespace.com)

Piggy backing off this, how would you get the image to fade in and out as the effect rather than a slide screen? Below is the code. Or if possible having it slide from the right off screen to center, then center to left off screen. <!-- Container for the splash screen with a specified ID --> <div class="splash-wrapper" id="loader-container"> <img src="https://images.squarespace-cdn.com/content/v1/649b429616032536f15d518f/2ae3c744-e26c-4b79-8550-0b9dee0ae285/cropped-Newport-Circle-Black-NoBckGrnd-2022.png?format=1500w"/> </div> <style> div#loader-container img { max-width:500px; } /* Loader animation styles */ .splash-wrapper { display: none; /* Initially hidden */ position: fixed; z-index: 9999; background-color: white; height: 100vh; width: 100vw; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; animation-name: slideOut; animation-fill-mode: forwards; animation-duration: 0.65s; animation-delay: 1.5s; top: 0; } @keyframes slideOut { from { margin-left: 0vw; } to { margin-left: -100vw; } } @media screen and (max-width:767px) { div#loader-container { background-size: cover; } div#loader-container img { max-width: 300px; } } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function () { setTimeout(function(){ $('.splash-wrapper img').fadeIn(300); }, 2000); }); </script>

Press — Newport Property Construction (squarespace.com) is the site address

Hey everyone I am looking to change/invert the colors of my social icons on my 7.0 Squarespace site. I figured out how to do it using invert for the logo with the below code .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } I am trying to figure out how to do the same with the social icons by either inverting them or changing their color to black. Thank You!