WidleStudioLLP

Download Watermelon fonts into your PC and follow these steps : Navigate to Custom CSS: Go to Pages > Website Tools > Custom CSS. Click on the arrow icon to add or drag your fonts. Upload and Add Font to Custom CSS: @font-face { font-family: 'Watermelon'; src: url('FONT URL'); } Replace 'FONT URL' with the actual URL of your uploaded font file. After loading your fonts, add the following code to your Custom CSS Use the Font for Selectors: Apply the font to any CSS selectors with the following code: h1 { font-family: 'Watermelon'; }

Navigate to Custom CSS: Go to Pages > Website Tools > Custom CSS. Click on the arrow icon to add or drag your fonts. Upload and Add Font to Custom CSS: After loading your fonts, add the following code to your Custom CSS: @font-face { font-family: 'MANHATTAN'; src: url('FONT URL'); } Replace 'FONT URL' with the actual URL of your uploaded font file. Use the Font for Selectors: Apply the font to any CSS selectors with the following code: h1 { font-family: 'MANHATTAN'; }

Hello @FelixCollier ok, Nice 👍 and sorry for that Thank You

sorry my bad i forgot .header .theme-col--primary { --headerBorderColor: none !important; } you can use this code I'll forgot the Dot

.logo-image .logo { line-height: 0; margin: 0; display: inline-block; max-height: 200px; } .logo-image .logo img { max-height:100%; max-width:100%; width: 1680px; }

you can use .header theme-col--primary { --headerBorderColor: none !important; } you can copy this code & paste it into website tool > custom code > paste in this block also you can (reduce padding your choice)

You can use this code to Website Tools > Custom CSS

--headerBorderColor: none !important; you this code if this code is not working you can tell, and e I can provide you with a second solution using .header theme-col--primary class

try this code

hello @FelixCollier can you provide your site link & a little bit more information about the issues

Hi, Can you share a link to the page? We can check easier

can you provide me your site url ?

Here is the code : @media only screen and (min-width: 640px){ #block-12345 { opacity: 0; transition: opacity 1s } #block-12345:hover { opacity: 1; transition: opacity 1s } } if you have any confusion check out this video https://youtu.be/llSO2AMIb3M?si=DkQKTC43sZ0_dtQX

can you try this #block-e46d08f8c549644763be { background: linear-gradient(to right, #916437, #C19255, #E8C784) !important; /* You can adjust the direction and colors of the gradient as needed */ }

Hello I need to add custom Mega Menu with Responsive in squarespace 7.1 Like this type of Mega Menu add or create in Squarespace 7.1 version I'll try to use <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(function(){ $('.header-display-desktop [href="/MEGAMENUURL"] + .header-nav-folder-content').append($('#footer-sections section:nth-of-type(1)')) }); </script> this type of code and .header-display-desktop [href="/MEGAMENUURL"] + .header-nav-folder-content { width:100vw; right:0 !important; left: 0 !important; position:fixed; box-sizing:border-box; padding:0px !important; } .header-display-desktop [href="/MEGAMENUURL"] + .header-nav-folder-content .header-nav-folder-item { display:none; } body.sqs-is-page-editing .header-display-desktop [href="/MEGAMENUURL"] + .header-nav-folder-content { display:none; } this is a CSS Notice :: No one can Suggest Any plugin code or purchase code need only Custom HTML , CSS & JAVASCRIPT I can use already Dropdown but it's not Work in Small Devices or Mobile Devices Thank You