tuanphan

Just repeat this It is a default message in edit mode. In edit mode, your code will be disabled to prevent some problems when editing page

Use this code header#header [href="/menu"] { background-image: url(https://static1.squarespace.com/static/658da47d0f5cf817eeeb2f99/t/65b02581c6873a3f75bab162/1706042753513/CUISINE.png); color: transparent !important; background-size: cover; background-repeat: no-repeat; background-position: center center; }

If you use a Business Plan/higher, you can use this code to Personal Page Header Code Injection <style> /* portfolio 16:9 */ .grid-image { padding-bottom: 56.25% !important; } </style> If your plan doesn't support Code Injection, you can share link to Personal Plan, we can help easier

@miguelrato You can choose Portfolio Grid Simple with this CSS code /* portfolio 16:9 */ .grid-image { padding-bottom: 56.25% !important; }

Hi, That option doesn't work or? Which page are you referring to? I don't see these cards on homepage

First, add a tag to Accordion Title, something like this <a href="https://google.com">Accordion Item 1</a> Next, use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("span.accordion-item__title").each(function(){ $(this).html($(this).text()); }); }); </script>

You can add then we can use code to increase 4 to more columns (You can share link to work page, we can check & give you code)

Change this code <style> #header .header-nav-item:nth-child(1) {display:none} #header .header-nav-item:nth-child(2) {display:none} #header .header-nav-item:nth-child(3) {display:none} #header .header-nav-item:nth-child(4) {display:none} #header .header-nav-item:nth-child(5) {display:none} #header .header-nav-item:nth-child(6) {display:none} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(2) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(3) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}} @media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(6) {display:none}} </style> to this <style> div.header-nav-item:nth-child(-n+6) { display: none; } [data-folder="root"]>div:first-child>div:first-child>div:nth-child(-n+6) { display: none; } </style>

It is not possible, but if you have a logo file with dark blue color, you can use this new code <style> header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/15/19/40/animal-8510775_1280.jpg); } </style> replace Pixabay with darkblue logo url

You can use this code to Website > Website Tools (under Not Linked) > Custom CSS @media screen and (min-width:992px) { #project .gallery { max-width: 1200px !important; margin-left: 350px; } }

I guess you should contact sqsptheme support, they can check this problem easier. -- You can try using Local Method (Markdown Block) to add Accordion, then check again

Some code to apply custom font on buttons. First, you need to upload font file to your site (You can upload it via Custom CSS box, it has an option to upload file). Next, add this code to top of Custom CSS box @font-face { font-family: Velour-Light; src: url(https://static1.squarespace.com/static/5f8bfea35dbfc628ea43cb78/t/650ba7dd3f0d8054c231bda6/1695262686319/Velour+Light.otf) } Replace example url with your font file url Replace Velour-Light with font name what you want And then, to apply this font to buttons, you can use these following code Header Button /* Header button font */ a.btn { font-family: Velour-Light !important; } Button Block /* Button Block */ div.button-block a { font-family: Velour-Light !important; } List Section Button (Simple Grid, Carousel, Banner Slideshow) /* List section button - list section item button */ a.list-item-content__button, a.list-section-button { font-family: Velour-Light !important; } Add to Cart button /* Add to cart */ .sqs-add-to-cart-button-inner { font-family: Velour-Light !important; } Quick View button /* Product Quick view button */ span.sqs-product-quick-view-button { font-family: Velour-Light !important; } Continue Shopping button /* Continue shopping button */ a.cart-continue-button { font-family: Velour-Light !important; } Checkout button /* Checkout button */ button.cart-checkout-button { font-family: Velour-Light !important; } Form block button /* Form block button */ input.button { font-family: Velour-Light !important; } Form lightbox button /* Form Block Lightbox button */ button.lightbox-handle { font-family: Velour-Light !important; } Newsletter button /* Newsletter block button */ span.newsletter-form-button-label { font-family: Velour-Light !important; } Donation Block button /* Donation block button */ div.sqs-donate-button { font-family: Velour-Light !important; } If you have any questions, just comment below with site url, I can help easier

First, you need to get Category Page URL Next, add a Folder Next, add a Link Item > Then you can enter Name and Category Page URL

Hi, Can you share link to page where you have problem?

It seems fine now

Hi, It looks like you fixed it? It is fine to me now

You can use List Section Banner Slideshow to achieve this. It is free (When you add a section > Choose People on the left list > Choose section with (i) icon on the right > Then edit section > Change to List Banner Slideshow). Or another way, you can add 2 sections, top is Gallery Section Slideshow, second is a Section with Text, Buttons, then share page url, we can give you code to move second section over Slideshow section.

I don't know this, but if you need "hover to zoom", there is a plugin with this feature.

Can you share link to page & Which exact code did you add to your site?

Hi, Can you share link to page where you use video block? We can check easier

The site is private, we can't access it, you can follow this guide to setup an access password.

Hi, Can you share link to page where you have problems? We can check easier

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

Because you don't share url, so we can't check ID of section, so you can use this way (require a Business Plan or higher) First, use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.hide-on-desktop').closest('section.page-section').addClass('hide-on-desktop'); $('.hide-on-mobile').closest('section.page-section').addClass('hide-on-mobile'); }); </script> And use this code to Website Tools > Custom CSS @media screen and (min-width:768px) { section.hide-on-desktop { display: none !important; }} @media screen and (max-width:767px) { section.hide-on-mobile{ display: none !important; } } Next, add 2 sections with 2 videos To hide 1 section on desktop, edit that section > Add a Block > Choose Code > Paste this code <div class="hide-on-desktop"></div> and to hide another section on mobile, use this Code Block <div class="hide-on-mobile"></div>

It looks like you added something to page so code structure changed since that time. Use this new code @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1705057137277_8829+.row .span-6, div#block-yui_3_17_2_1_1693762350192_34417+.row .span-6 { width: 50% !important; float: left !important; } }