Jump to content

Cant edit photo gallery, cause edit block is on the other side of page

Go to solution Solved by creedon,

Recommended Posts

Hi, try reloading the page or clear the browser cache, see if it helps? 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
54 minutes ago, melody495 said:

Hi, try reloading the page or clear the browser cache, see if it helps? 

does not, unfortunately

as soon as i move the cursor off the left block, the "edit gallery" button on the right hand side disappears

Link to comment
12 hours ago, Phex said:

does not, unfortunately

To rule out your browser, try the troubleshooting steps 1) 2) 5) here https://support.squarespace.com/hc/en-us/articles/115004581087-Troubleshooting-browser-issues 

If not, then I suggest contacting SquareSpace support, as this is an issue with functionality. These forums are not monitored by SquareSpace.

You can contact them here, https://support.squarespace.com/hc/en-us/requests/new

I find their live chat support very useful and responsive!

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment

Is there an error in your CSS? Look at the bottom, is there a red line that says something like "error on line xxx"

 

Please post code here. 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
2 minutes ago, Phex said:

Theres error.

Ok, it should tell you which line is erroring. If you need help debugging, post code here, can't see your code.

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
2 hours ago, Phex said:

Im so sorry. I meant to say theres NO error... lol

Ok. If you need help looking at your code, please post it here and we can see if we can spot the issue. 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
  • Solution

The issue is with the following code.

@media only screen and (min-width: 641px) {
  #collection-61e162c50352595445aa7488 #page .page-section:nth-of-type(4) {
    width:46%;
    min-height: 81vh;
    align-items: center;
    float: left
  }

  #collection-61e162c50352595445aa7488 #page .page-section:nth-of-type(5) {
    width: 35%;
    min-height: 80vh;
    align-items: center
  }

  #collection-61e162c50352595445aa7488 #page .page-section:nth-of-type(6) {
    clear: both
  }
}

It doesn't take into account what moving these elements about will do in Preview/editor.

You need to disable the effect when editing so as not to interfere with the editor.

/* split section effect, uses LESS syntax */

@media only screen and ( min-width : 641px ) {

  html:not( .squarespace-damask ) #collection-61e162c50352595445aa7488 #page .page-section {
  
    &:nth-of-type( 4 ) {
    
      align-items : center;
      float : left;
      min-height : 81vh;
      width : 46%;
      
      }
      
    &:nth-of-type( 5 ) {
    
      align-items : center;
      min-height : 80vh;
      width : 35%;
      
      }
      
    &:nth-of-type( 6 ) {
    
      clear : both;
      
      }
      
    }
    
  }

This is for v7.1.

Note the use of html:not( .squarespace-damask ) to disable the effect while in the editor. To test it use private browsing.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

@creedon is the code in static.css? if so how did you know where the custom css starts? 🤔

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
28 minutes ago, melody495 said:

is the code in static.css? if so how did you know where the custom css starts?

The code is in site.css. Custom CSS should be at the end of the site.css file.

Here is a video where I show some of my diagnostic technique.

I start by looking at the elements involved. I worked my way up the hierarchy and determined we were looking at a split section effect and that it is interfering with the editor.

I then use the inspector to trace the code to its source.

I then go to the beginning of the custom CSS by going to the end of site.css then search backwards for less.

 

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
53 minutes ago, creedon said:

Here is a video where I show some of my diagnostic technique.

Thank you so much for sharing this! 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.