tuanphan

Use 7.0 or 7.1 version?

What is your site url?

You need to contact Squarespace Customer Care for this problem

It looks like you removed dropdown. Do you still need help?

try this new code <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> const lnames = document.querySelectorAll('.newsletter-block .last-name input') const lnameFields = document.querySelectorAll('.newsletter-block .last-name') $(document).ready(function(){ lnames.forEach(lname => { lname.value = "-" }) lnameFields.forEach(lnameField => { lnameField.style.display = "none" }) }); </script>

Add this code to Last Line in Code Injection > Footer <script> $(document).ready(function() { $('body#collection-61dfe40930b6d72ed30258cf a.portfolio-hover-item').removeAttr('href'); }); </script>

Do you have an example or mockup?

To change dropdown background on one page, just add this code to Page Header <style> div.header-nav-folder-content { background-color: #f1f !important; } </style>

Do you still need help?

This is possible. You want this on specific product or all products?

Hi. What is password?

Hi, Password is incorrect Jamie

Add this to Design > Custom CSS /* dropdown arrow */ .folder-toggle:after { content: "\e009"; font-family: 'squarespace-ui-font'; }

Edit Kindom page >> Add a Code Block (anywhere) >> Use this code <style> .desc-wrapper:before { display: block; content: ""; background-image: url(https://cdn.pixabay.com/photo/2022/01/31/12/46/bird-6983434__480.jpg); width: 100px; height: 50px; background-position: center center; text-align: center; margin: 0 auto; } </style>

Use this CSS for Wells nav#mainNavigation>ul>li:nth-child(1) a:hover { color: blue !important; } nav#mainNavigation>ul>li:nth-child(2) a:hover { color: red !important; } nav#mainNavigation>ul>li:nth-child(3) a:hover { color: green !important; }

Add to Design > Custom CSS .user-items-list { padding-top: 0px !important; padding-bottom: 0px !important; }

Don't remove any code in your current code. Add to Design > Custom CSS .header-nav { left: 50%; transform: translateX(-50%); }

Try adding to Design > Custom CSS @media screen and (max-width:767px) { div#confirmed-page p { line-height: 2.5em !important; } }

Add to Design > Custom CSS .image-slide-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; opacity: 0; z-index: 999; } .margin-wrapper:after { content: ""; background: pink; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 989; opacity: 0; transition: all 0.3s; pointer-events: none; } div#block-yui_3_17_2_1_1643385275940_1762 .margin-wrapper:hover .image-slide-title { opacity: 1; } div#block-yui_3_17_2_1_1643385275940_1762 .margin-wrapper:hover:after { opacity: 1; }

The video doesn't exist. Can you check it again?

Add to Design > Custom CSS .project-title h3 { visibility: hidden; } .project-title h3:before { visibility: visible; content: "Click"; display: block; text-align: center; }

Can you share link to page on your site? We can check & tweak the code easier

Try adding this into Code Block <style> li.box:nth-child(1) { background-color: red; } li.box:nth-child(2) { background-color: green; } li.box:nth-child(3) { background-color: violet; } li.box:nth-child(4) { background-color: pink; } </style>

If you share link to page where you have problem, we can check easier

Try adding a Code Block >> paste this code <div class = "header-menu alynch"> <ul> <li><a data-image-id='1' class="navigation" href="index.html">Home</a></li> <li><a data-image-id='2' class="navigation" href="index.html">About</a></li> <li><a data-image-id='3' class="navigation" href="index.html">Rules</a></li> <li><a data-image-id='4' class="navigation" href="login.html">Log In </a></li> <li><a data-image-id='5' class="navigation" href="signup.html">Sign Up</a></li> </ul> </div> <div id="background"> </div> <style> .header-menu.alynch { height:95px; width:100%; height:100px; position:relative; overflow: hidden; } .header-menu.alynch li { display: inline; margin :20px; } #background{ width:100%; height:350px; background-image: url('https://images.pexels.com/photos/814499/pexels-photo-814499.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'); background-repeat: no-repeat; background-size: cover; } </style> <script> (function() { var images = { "1": "http://innovativeprofessionaloffices.com/wp-content/uploads/2014/07/seo-for-small-business.jpg", "2": "https://images.pexels.com/photos/2101187/pexels-photo-2101187.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260", "3": "http://monevator.monevator.netdna-cdn.com/wp-content/uploads/2008/12/small-cap-fireworks.jpg", "4": "https://images.pexels.com/photos/814499/pexels-photo-814499.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500", "5": "http://www.smallarmssurvey.org/uploads/tx_rgslideshow/sas-homepage-armed-violence.jpg" }; var background = document.getElementById('background'); var arr = document.getElementsByClassName('navigation'); for(var i=0; i<arr.length; i++) { arr[i].onmouseover = function(e) { var a = e.target; var imgId = a.getAttribute('data-image-id'); var imgSrc = images[imgId]; var style = ['background-image: url(', imgSrc, ');'].join(''); background.setAttribute('style', style); } } })(); </script>