SquareRefresh

17 minutes ago, Hettie said:

Site URL: https://hettieroberts.com/canvas-art-prints

I would be grateful for any advice on this issue. I have searched the forums and tried several things but not found one that works.

Five template:
When hovering on my product images (only the thumbnail images on the main product pages, such as on the site URL I listed), they fade slightly, so the images wash out a bit as you move over them.

I would like to have this effect completely removed (no fade or transition upon hovering on any product images... or any images on the whole site if that’s easier). Can anyone suggest a way this might be accomplished? Thanks so much!

Hey @Hettie try to add next code in Custom CSS:

#productList .product:hover .product-image img {
  opacity: 1;
}

10 hours ago, organic_emma said:

Actually is there a way to hide a navigation link on one page only but display it on another?

So I'd like 'Home' hidden on the home page, but I need it to be visible on the 'Contact' page.

Mobile looks good and is fine as is.

Try to add this code:

.homepage .header-menu-nav-item--homepage {
  display: none !important;
}

13 hours ago, organic_emma said:

Thanks but I need it to be displayed on mobile in the hamburger menu

Did You tried to add menu items and my code?

13 minutes ago, organic_emma said:

Site URL: https://daintreeexperience.squarespace.com/

I have hidden the navigation from the desktop but I need it displayed on mobile, is there a code I can use?

pass: daintreeexperience

Hey @organic_emma please add menu items in the Main Navigation:

and then use next code in Custom CSS  for hidding menu on desktop:

.header-nav-list {
   display: none !important;
}

6 hours ago, Bronte said:

When adding a product to your cart, I am aware of the express checkout option, however, is there any plug-ins that offer a pop-up that says 'go directly to checkout' or 'continue shopping' (similar to the image attached). 

Thank you!

Hey @Bronte maybe this plugin will help You.

2 hours ago, king_nemuel said:

Site URL: https://nemuelsereti.com/test

https://codepen.io/dev_loop/pen/MWKbJmO

Syntax Errors: 

--card-translateY-offset: 100vh;

--card-translateX-offset: 0;

--card-translateX-offset: calc(-1 * var(--card-width) * 1.1);

--card-translateX-offset: calc(var(--card-width) * 1.1);

Operation on an invalid type

 

PW: codetest

Hey @king_nemuel also try to add these includes from codepen to Your site

<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.3.3/gsap.min.js"></script>

4 hours ago, MEEE said:

Hi

I cannot find any info on how to disable zoom on my page

For example zara.com  does not allow to zoom in and zoom out. I would love to make my page with the same function

https://crocodile-denim-dj9g.squarespace.com/new-page

Pass: 2021lp

RPReplay_Final1637896829.mov

Hi @MEEE try to add this in Header Injecton:

<script>
  document.querySelector("meta[name=viewport]").setAttribute("content", "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0");
</script>

1 hour ago, Begona said:

Thank you so much, @SquareRefresh!

You're welcome!

1 hour ago, Begona said:

Site URL: http://cadimat.wine/enoturismo

Hi! I’ve added a Scheduling button inside a text block and would like to center it, but I haven’t been able to do it.

Can someone help?

Thanks!

Hey @Begona try to add this code in Custom CSS:

#block-yui_3_17_2_1_1637774085380_8033 .sqs-block-content {
  text-align: center;
}

1 hour ago, Koren said:

Hey @SquareRefresh

First of all: Thank you so much for the help!

It seems to work really with the arrows but again to pointer disappears when hovering on the pictures in the gallery

Thank you! 

oh, yeah sorry, just add !important after "auto". I just edit my code.

3 minutes ago, alexandralunn said:

Site URL: https://www.alexandralunn.com/services

Hi, 

I recently got feedback to say that my site could do with improvement in terms of legibility etc., so I updated my website to have a cream background code, with teal text, however, the services page is coded by a developer and I cannot change the colours! 

Can anyone help me please? 

Ax

Hey @alexandralunn which colors are You need to change?

1 hour ago, kbowman016 said:

Site URL: https://wrklfe.com/?category=APPAREL

Hello, 

I have read through the online materials and I can't seem to figure out how to change the SEO display for my categories. For example right now if I click the "APPAREL" link on my Store page, the URL displayed in my browser is: https://wrklfe.com/?category=APPAREL - I would like it to display wrklfe.com/SHOP/APPAREL, which is easier to use from a marketing standpoint. 

Is there a way to do this? 

Hey @kbowman016 it's happen because Your shop page is a homepage.

19 hours ago, Koren said:

@SquareRefresh I still have one question left:

In the gallery preview, when I hover over the arrows I still have a hand instead a pink arrow. can I fix it somehow ?

I attached a picture for explanation

Thank you!

Hey, try to change a code to next:

a,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
   cursor: url(https://static1.squarespace.com/static/6177faa906333b0e6c0f5f76/t/61957853363c352f320a07cb/1637185619935/pink.png), auto !important;
}

8 hours ago, tailwind said:

Sure, the best way to illustrate it is to simply show how the colors on the site change as you select different preset palettes in the picker. 

It would be possible, but incredibly laborious, to selectively change the colors for each kind of element on the page manually in code. I'd love a way to be able to hijack the color palette itself with code, if that is at all possible. 

The reason I want to do this, is the client is a property developer and they are beginning to add new developments which have separate branding (and associated fonts and colours) but they don't want to create a new site for each development. So I am finding a way to have the development represented in a single page with custom color scheme and fonts. I have the fonts sorted, but the colours are a pain.

Hey, try to use other colors theme for the section and change color in certain theme.

30 minutes ago, ancestralacreslodge said:

Your solution worked perfectly! Thank you so much.

You're welcome!

Hey @Begona maybe try to use next layout col-6 not 2-2-4-2-2.  col-6 > col-2(spacer) + col-2(image) + col-2(spacer) and make second column with the same layout.

21 minutes ago, mloonin said:

Thanks! I'm a novice at this. Can you advise: is a pre-loader a plugin that I would need to purchase? And, if yes, is there one you recommend that would work with the Lukasa template? Or can I add that with code?

You can add preloader code if You're familiar with coding otherwise You should hire a developer. Also You can try to use some plugins. These plugins might be help for You:
https://squarerefresh.com/plugins/banner-transition
https://squarerefresh.com/plugins/page-transition

1 minute ago, mloonin said:

Thank you! The new line of code definitely keeps both lines visible, but now the lines flicker on/off when loading a new page of the site. Anything else to try? Or I'm thinking of losing the double line altogether if it's just a distraction.

You see that, because the site is loading, try to add preloader if You don't want to see that.

12 minutes ago, ancestralacreslodge said:

Site URL: https://keyboard-lychee-yxll.squarespace.com/

Hello!

I am trying to align my accordion elements so they are vertically centered in the container/to the image to the right. I have this problem in several spots on multiple pages: Lodge Rentals + Weddings & Pricing. For this section on the Lodge Rentals page (the first instance of the accordion problem on this page)

Hey @ancestralacreslodge try to add next code in custom CSS:

@media screen and (min-width: 768px) {
  #block-yui_3_17_2_1_1637675933759_14872,
  #block-yui_3_17_2_1_1637675296219_12037 {
    & + .sqs-row {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
}

4 minutes ago, davidottley said:

Hey – that's perfect – thanks so much!

You're welcome!

3 minutes ago, davidottley said:

Site URL: https://www.graphicworkman.co.uk

Hello – does anyone know how to remove  the social links from the desktop navigation and only display them in the hamburger menu (I've forced the hamburger onto every screen size). At the moment they just sit strangely next to the hamburger menu icon.

Thanks!

David

Hey @davidottley try to add next code in Custom CSS:

.header-display-desktop .header-actions .header-actions-action--social {
  display: none;
}

14 hours ago, Bettoriginal said:

Thank you very much! It worked!

You're welcome!

6 hours ago, mloonin said:

Site URL: https://mandarin-walrus-9m6m.squarespace.com

Hi all, I'm new to Squarespace and have built a site using the Lukasa template for my small nonprofit. I used custom code to add 2 18px solid colored lines matching my logo--orange and purple-- to the bottom of my header, but the bottom orange line disappears when I click on the white space of the header (and then reappears if I click outside of the header.) The code I used is below. Does anyone have a fix? Or are my lines just too thick at 18px to support both in the header? Note: they seem to look fine most of the time. Thank you for any suggestions!

Header {

border-bottom: 18px solid #60269E;

outline: 18px solid #FF6C0E;

 } 

Hey @mloonin try to add next code:

header {
  border-bottom: 18px solid #60269e;
  outline: 18px solid #ff6c0e !important;
  outline-offset: 0 !important;
}

7 hours ago, mbrimb said:

Site URL: https://nicnacmakes.ca/

The background art applies to the entire existing page, but when I add an additional section I can't seem to figure out how to continue the dynamic background. 

Hey @mbrimb You can't to fit it on gallery section, so You should to add images into section with the dynamic background. You can try to become circle member and try Gallery Block.
 

1 minute ago, Koren said:

@SquareRefresh It worked!

Thank you!!!

You're welcome!