creedon

First let's check. Have you turned on Category Title and Breadcrumbs?

Add the following to Store Settings > Advanced > Page Header Code Injection. <style> .ProductItem-nav { line-height: 1.5em; } .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--next .ProductItem-nav-pagination-link-direction, .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--prev .ProductItem-nav-pagination-link-direction { display: none; } .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--next:after { content: 'Suivant \0020\203A'; } .tweak-product-item-nav-pagination-style-previousnext .ProductItem-nav-pagination-link--prev:before { content: '\2039\0020 Pr\00e9 c\00e9 dent'; } </style> This for v7.0. Let us know how it goes.

Please give is the site-wide password so we can take a look at your issue.

Please try Contact Customer Support.

Replace or comment out that CSS and add the following. .Header-branding-logo:hover { content: url( https://static1.squarespace.com/static/5f6bbe45973fd1123de3dc09/t/5f9330ad49180a7c6ff74181/1603481774001/CJKeys-Photos-Logo-hibiscus-2.png ); } Let us know how it goes.

@CeceDev I see the problem. Image maps don't do well in a responsive situations. I suggest a change of method. Add the following to a new code block. <style> .image-overlay-wrap { display: inline-block; /* shrinks container to image size */ fill: transparent; position: relative; } .image-overlay-wrap img { /* optional, for responsiveness */ display: block; height: auto; max-width: 100%; } .image-overlay-wrap svg { left: 0; position: absolute; top: 0; } </style> <div class="image-overlay-wrap"> <img src="https://static1.squarespace.com/static/5f356966316e824623ec3a7c/t/5f7b3f1c8556c9098790ab40/1601912604447/ccf-mms_03.png" /> <svg viewBox="0 0 570 105"> <a xlink:href="https://www.modernmysteryschoolint.com/"> <rect height="105" width="426" /> </a> <a xlink:href="https://certifiedcoachesfederation.com/"> <rect x="426" height="105" width="145" /> </a> </svg> </div> I adapted this from some code I found on stackoverflow from an answer by hungerstar. We basically create an image overlay and the overlay is an svg. The svg adapts well to responsive needs. Let us know how it goes.

@Emma456 Usually code like this is put in Header Code Injection. Please see Using Code Injection.

Try the following. <img src="https://static1.squarespace.com/static/5f356966316e824623ec3a7c/t/5f7b3f1c8556c9098790ab40/1601912604447/ccf-mms_03.png" usemap="#image-map"> <map name="image-map"> <area target="" alt="" title="" href="https://www.modernmysteryschoolint.com/" coords="0,0,426,105" shape="rect"> <area target="" alt="" title="" href="https://certifiedcoachesfederation.com/" coords="427,0,570,105" shape="rect"> </map> The coords are left, top, right, bottom px (x1, y1, x2, y2). I used rects all around. You can of course narrow down the coords or change the shapes. Let us know how it goes.

Just a general note for folks. Although things like DNS changes and SSL certificates usually take much less than the 72 hour recommended waiting period. There are those occasional circumstances when it does take the recommended wait period.

@CeceDev Please post the URL to the page where you have this image map. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.

You don't have to upgrade to the commerce plan UNTIL you need to go live with the store. In other words you can do all the importing, image loading, tweaking that you need before paying to upgrade. The core question is will it be faster to upload all images first to a online file storage service then enter each of the URLs for each pic into the csv file. Or, faster to upload the images directly via the SS interface. I would tend to think the latter would be faster. Unless, your images are highly organized to begin with by SKUs. Then you can bring word processors, spreadsheets or even some scripting into the mix to construct those URLs for the csv.

Uploading the pics via the csv file is not required. It is generally used when you are importing from another platform and want to import images from there. You can leave the Hosted Image URLs column blank. If the images are only on your computer then you can use the standard SS interface for editing products and upload the images that way. If your images are organized say perhaps by product item in folders then you may want to use the Hosted Image URLs column. You could upload your files to a file storage service like Dropbox. Then copy the URLs into the CSV file.

Please see Connecting a domain to your Squarespace site.

@PedroT Please see Keene Website Template.

@emily.klein .header-title-logo a:hover { background-image: url(https://static1.squarespace.com/static/5f2f799736006c7367764ef2/t/5f8f8678f8ed836e94d61a44/1603241593053/piece-collectors-icon-logo.png); background-repeat: no-repeat; background-size: contain; } Let us know how it goes.

@ashleemundywebsitede Add the following to Design > Custom CSS. .sqs-widgets-audio-player .player { font-size: 20px; } .sqs-widgets-audio-player .title-wrapper .title { font-size: 1.2em; line-height: 1.1em; } Let us know how it goes.

@emily.klein Please set up a site-wide password. Post the password here. We can then take a look at your issue.

Updated code that is closer to what I think @MelissaHostetter wants. <script> $( ( ) => { const stateUrlRedirect = { dataFormId : '5f8da955f46d167ee8ce5578', formSelectId : 'select-yui_3_17_2_1_1603057474472_404878-field', states : [ 'California', 'Illinois', 'Texas' ], redirectUrl : 'https://www.squarespace.com/' }; // don't change anything beyond this point let $stateUrlRedirectForm = $( '[data-form-id="' + stateUrlRedirect.dataFormId + '"]' ); stateUrlRedirect.originalRedirectUrl = $stateUrlRedirectForm.attr ( 'data-success-redirect' ); $( '#' + stateUrlRedirect.formSelectId ) .change ( function ( ) { let url = stateUrlRedirect.states.includes ( $( this ).val ( ) ) ? stateUrlRedirect.redirectUrl : stateUrlRedirect.originalRedirectUrl; $stateUrlRedirectForm.attr ( 'data-success-redirect', url ); } ); } ); </script>

Sure my code can be modified but the core behaviour will still be the same. It needs to replace the redirect url for CA, IL and TX. We don't want to mess with the SS code it actually handles the form submit process. My code just substitutes the redirect URL. We need to figure out why my code isn't running. Is the code still there or did you take it out? I'm not seeing it on the page.

@megshaina Try the following for top padding. .gallery-fullscreen-slideshow[data-section-id="5f83671f53dd1070217a6425"].gallery-fullscreen-slideshow[data-width="full"] { padding-top: 0; } I'm thinking that even with reducing padding there isn't enough room to show the images fully onscreen. Can you use medium or custom height? Let us know how it goes.

Updated previous post again. I had a copy/paste mishap last time! 🙂

I've updated the CSS in my previous post.

@HarKS Remove or comment out the following line from your Custom CSS. .header-nav-item:first-child { margin-right: 4vw !important; } Let us know how it goes.

Remove the CSS you entered previously. Add the following. @media only screen and ( max-width: 1024px ) and ( pointer: coarse ), screen and ( max-width: 799px ) { .header-display-mobile .header-burger { display: none; } } Let us know how it goes.

You are exactly right. You'll need to build up CSS selectors to take care of each kind of image you want to have rounded corners on. Here is a start. Add the following to Design > Custom CSS. .products .grid-image-wrapper, .image-block-wrapper, .ProductItem-gallery-slides-item.selected, .sqs-gallery-design-grid-slide .image-slide-anchor { border-radius: 25px; } This is for a v7.1 site. You can change the 25 to suit. If you want different border radiuses for different types of images then you'll need to create additional rule sets. Let us know how it goes.