g_franchini

9 hours ago, Lauren_C said:

Hello Tuan, 

I have the same problem as the person above. 

The code has broken the Squarespace backend editor of our site. How can I access the page to disable the script? 

Hi Lauren, I don’t know how to modify the code to solve the problem, but I also had your same issue: it happened since you probably injected that code in the home page settings.

The solution I used, was to go on the Squarespace mobile app, add a page to my website, chose it to be the new home page, and then the Squarespace editor will works again properly. At that point, remove the custom code you added to the original home page, set it once again as home page, and remove the page you added to unlock it all. Done.

I think the whole thing happened because we used our custom domain as redirected URL, so as you access the Squarespace editor, it’s like it’s immediately redirected outside of itself. That code is perfect, but it can’t be used in the home page CSS. 
 

If Tuan have another solution, modifing the code, I’m still interested too.

Cheers.

On 10/31/2020 at 10:12 AM, DrMeowrits said:

Hey! This is exactly my issue as well with the click through! The rest doesnt bother me as much but the click through does! Did you manage to solve it? 

Hi, if you still have the same issue, I solved it thanks to Fenix from Code+Tonic. If you need help about that you can contact him from his website: https://codeandtonic.com

Bye,

Gabriele.

Just to let other users that have the same issue to know, thanks to Fenix from Code+Tonic I just found a solution that perfectly works on my website. If someone else have the same issue, you can contact him from his website: https://codeandtonic.com/

Cheers,

Gabriele.

Site URL: https://www.gabrielefranchini.it

Hi,

I have a not easy question: is it possible to stop autoplay function on 7.0 Forte indexes once the user click an arrow (right or left)? Like reading that click as a pause as long as he stays on that same index (making it goes manual).

I saw that this is a question asked several times but with no public solution.

From Ghost Plugins ( https://www.ghostplugins.com/steps/1q9tmlfh ), I've found this free code that is supposed to do the opposite on Brine 7.0 templates, but the way it's written doesn't work at all on Forte templates (I hoped to be able to "invert" its effect, but it recon multiple Syntax Errors):

Quote

// Index Gallery Pausing //

.Index-gallery 
   
 
.Index-gallery a, .Index-gallery-control, .Index-gallery-indicators

Does anyone have a solution?

My website is: www.gabrielefranchini.it PW: gf2021

Thank you!

1 hour ago, tuanphan said:

Use this new CSS

@media screen and (min-width:901px) {
img {
    pointer-events: none;
  -webkit-touch-callout: none;
}
}

 

Thanks Tuan,

in the meantime I made a mix of codes found in different places and modified for my needing (because I'm scary that your last modification could anyway cause trouble with arrow clicking on biggest tablet, but I don't know if I'm saying something wrong because I don't have a tablet to verify it).

I used this code to block from saving images on mobile:

Quote

img {

   -webkit-touch-callout:none;

}

I found the original version of that here: https://forum.squarespace.com/topic/9449-how-can-i-override-the-browsers-right-click-settings/#comment-266794 but it has the problem that it prevents to open links (or anything else) in other panels, copying text etc.

While to block right click image saving on desktop devices, I used this in Advanced > Code injection > Header, that you originally posted on your website https://beaverhero.com/squarespace-disable-right-click/ and was implemented to avoid image drag as well here: https://forum.squarespace.com/topic/203953-inject-code-for-blocking-right-click-and-drag-and-save-for-images/#comment-493592 

Quote

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function () {

  $("img").on("contextmenu",function(e){

    return false;

  });

  $("img").on("dragstart",function(e){

    return false;

  });

});

</script>

In this way I have the first code that avoid right click on mobile (only on images) and the second one that avoid from dragging and saving images on desktop.

If there is something missing or wrong that you can see, please tell me.

Hi,

I used Dustin's code on my website, it worked really well to prevent people to save your images, but it has an issue on mobile with 7.0 Forte indexes: it disable arrow's clicking on carousel indexes (both right and left arrow). Do anyone have another solution to disable right click ONLY on images whitout creating any issue on mobile?

Thank you.

On 1/1/2022 at 4:00 AM, tuanphan said:

If you need redirect immediately, use this new code

<script>
            window.location.href = 'https://beaverhero.com';
</script>

 

Hi Tuan,

I've found your code to be very useful to link from my Forte 7.0 homepage collection titles to the  related project pages (website: www.gabrielefranchini.it PW: gf2021 ), there is only a little issue working on Squarespace: once you've set the code in the advanced > page injection code section using your owned external domain, if then you click on the page in the left Squarespace column, it has some problem and turns white as shown in the bottom video. It happens only using an external domain as shown, if you use the "Squarespace default URL" it doesn't have any problem, but once someone click on the collection title, then he goes to the default squarespace URL instead of your domain.

Is there any way to set your code with just the last part of the directory? Like '/projects/924' omitting the domain part so that it doesn't give problems managing Squarespace, and also doesn't send you out of the correct owned URL? Thank you!

On 2/13/2020 at 2:42 AM, Lingwisyer said:

Rather, do the opposite and invert the colour on your home page. What I have done on Forte:

<style>
 body.collection-type-index .color-weight-dark #logo img {
   -webkit-filter: invert(100%);

</style>

[home page] => Page Settings => Advanced

 

Ling.

Hi, 

I faced the same issue on my website ( www.gabrielefranchini.it PW: gf2021 ), thanks to your code and by changing it a little bit (from .color-weight-dark to .color-weight-light ) I was able to invert logo color on indexes that uses only white background such as this one: https://www.gabrielefranchini.it/projects/ariete

But when a background is just gray, or when a grey, a white and a black background follow one another, it tends to see gray as light enough and invert logo color. 

Is there a way to set the code to a certain rate amount of light/dark to make it works even better? On my homepage I couldn't use it since it recognize a few grey background as clear.

Thank you!

Site URL: https://www.gabrielefranchini.it

Hi,

I'm using a 7.0 Forte Template on my website and I'm facing the same problem already described here: 

There is a bad responsiveness on index pages, no return button (you can't go back to a previously shown image). My question is how can I fix it? I saw that the guy who had the same problem found a solution in some way, but it's not public.

My website is: www.gabrielefranchini.it PW: gf2021

Thank you!

Hi bangank36,

it works, thank you!

Hi Tuan, 

it worked perfectly, thanks!

On 11/26/2019 at 12:35 PM, resuah said:

Hello Squarespacers!

On my page www.plutodesign.cz I use slide transition with arrows both on left and right which works as supposed to. ON MOBILE it doesn't (simply a stupid UI/UX decision), it uses just an arrow RIGHT, you never can go back left. Also "slide click through" doesn't work on mobile. Users can slide just right and be perplexed they can't go back.

The worst part is, IF "fade transition" is used it works like a charm (I told you, stupid UI/UX) but it is not what it is supposed to look like on mobile.

Is there a way I could remedy this design flaw with CSS?

Thanks ahead for any good advice to solve this annoying problem!

Hi, I'm having the same issue (always on a Forte template),  I saw your website indexes are now working correctly, how did you fix them? Thanks

Site URL: https://www.gabrielefranchini.it

Hi,

I have an issue on my website: I'm using a 7.0 Forte Template and on mobile devices, Collection Title won't show correctly: when they're long instead of starting a new line, they disappear off the screen.

Do someone have a CSS code to fix it?

My website: https://www.gabrielefranchini.it PW: gf2021

Thank you!

G.

Hi Tuan,

PW: gf2021

Thank you!

Site URL: https://www.gabrielefranchini.it

Hi,

I'm using 7.0 Forte template, I have an issue on mobile devices: my business informations (settings > business information) appear in an ugly way on mobile (see attachment), also their useless since I have the same informations in . I don't want to delete them from the business informations since they could be useful for SEO or other things, but I wish to remove them from being visible. 

Has anyone fixed this problem previously or knows how could I solve it with some custom CSS? I tried the code below, but it doesn't work in my case:

.sqs-mobile-info-bar-show-overlay ~ #siteWrapper #header  {   display: none; }

Let me know, thanks,

Gabriele.