humxahafeex

4 hours ago, joecookjc said:

Site URL: http://capybera-point-sp57.squarespace.com

Hey there! I'm trying to figure out if there is a way to add a blur effect to my site when I open the menu up on a mobile device.

For example, in the picture I'd like the background "hey there", "work i'm proud of", and even the dividing line between the blue and the white to all be blurred when this menu is open.

Hi Your website is private , we can't access it please do set up a password on it and share password so we can help you further.

HOW TO SETUP PASSWORD:

1. On the Home menu, click Settings, then click Site Availability.
2. Select Password Protected in the drop-down menu.
3. Enter the password visitors will use to view your site.
4. Click Save.

5 hours ago, Ludis said:

Site URL: https://www.ludisinc.com/

Hello, thanks a lot for your content. I was wondering if you can help me to set up my home page web on square space. ( I want a full screen picture that shows some of my projects) with the link to them in case the viwer what to see it. Is that possible? I was trying to find that on the template and I didnt see it 😕

Hi You can do this by using a Gallery section while making the section.

9 minutes ago, andysuchann said:

tHIS

This worked, you're the best - thanks so much!

Glad I could helped , Please mark it as solved it helped others as well.

Hi Here's is the Code on how you can achieve this , Just copy and paste the code in Code Injection you , Simply go to Settings> Advanced> Code Injection

In HEADER part add the following code: 

<script src = "https://code.jquery.com/jquery-2.2.4.min.js" ></script>

In FOOTER part add the following code:

<script>
 function translate(){
   $(".yui3-calendar-header-label").text(function(){
            var month = $(this).text();
            month = month.toString();
            for (var i=0;i<12;i++) {
              if (month.includes(arr_month_english[i])){ return $(this).text().replace(arr_month_english[i], arr_month_trans[i]);}
            }
        });  }
 const arr_month_trans = ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Décembre"];
 const arr_month_english = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  $(document).ready(function() {
    setTimeout(translate, 2000);
     $(document).on('click','.yui3-calendarnav-prevmonth',function(){translate();}); 
    $(document).on('click','.yui3-calendarnav-nextmonth',function(){translate();}); 
  });

</script>

It's DONE, Enjoy , Do Mark it solved if it works for you 🙂

Hey, If my solution helped you don't hesitate to Buy me a coffee : https://www.buymeacoffee.com/hamxahafeex

3 minutes ago, Dallisa said:

So now the video comes up, but it doesn't autoplay: https://spiritandspark.com/summit

Just opened up the link on my end it's playing video on autoplay would you please try to refresh or check in incognito mode? 

11 minutes ago, andysuchann said:

It will be a Business Account once I purchase it and push the site live.

Awesome let me try to do a code for it and post it here in a while. 

10 minutes ago, Dallisa said:

Site URL: https://spiritandspark.com/summit

Hello! I am trying to "embed" the code from one of my YouTube videos onto my Squarespace page so that it will play automatically.

The video code is:

<iframe width="560" height="315" src="https://www.youtube.com/embed/SRS8D2mehFs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

I know that ?autoplay=1 needs to be placed somewhere so that the video automatically plays when a visitor comes to the website page. I've tried a few variations and I can't seem to get it to work.

Can someone please respond with the code to use or where ?autoplay=1 goes?

Thank you!

Hi , Just replace your code with this one it will work. 

<iframe width="560" height="315" src="https://www.youtube.com/embed/SRS8D2mehFs?autoplay=1&loop=1&autopause=0&muted=1"   allow="autoplay" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Please do mark it solved if it helps. 

12 minutes ago, andysuchann said:

Site URL: https://cahcal-fr.squarespace.com/

I'm having difficulty with translating the month in my calendar on my website. I've changed the language setting in the navigation, which translated majority of the website to French, however, it did not translate the month on my calendar page. Does anyone know how I can fix this? Any help would be greatly appreciated!

Calendar Page: https://cahcal-fr.squarespace.com/calendrier

Pass: cahcal

Hi It's possible , will you please let us know on what plan of squares pace you are using personal or business? 

1 minute ago, DebbiM said:

Hi humxahafeex, I just tried it but unfortunately, it doesn't work. I think it is because I must have other coding that is overriding it.

I have screen shot the coding I have. Thank you so much for looking at it for me. 

 

 

You have some error in code where it says missing closing once this fix (Please try to) then the code I PROVIDED WILL work smoothly. 

19 minutes ago, DebbiM said:

Site URL: http://debbiemalone.com

Hi, I previously added a custom shopping cart and when I was trying to sort out another part of the CSS I deleted some of the coding for the shopping cart. I now have two shopping carts and I want to remove the pink one. Unfortunately, I am not great with CSS and I am more worried that I will just make it worse if I do anything else to the Menu bar. I would really appreciate if someone may have some advice. (Yes, I know I should have made a copy before I did anything, but I didn't 😞 ) 

Hi Here is the quick fix go to Design >Custom Css and pasted the following code.

.Cart-inner>i{
    display:none !important;
}

Please mark it as solved if it works. 

1 hour ago, cannonball said:

@tuanphan I hesitate to ask you any more questions because you are so lovely in answering all of our queries - for free! THANK YOU SO MUCH.

I have used the code and it works brilliantly - thank you (talkingheads.co.uk/seotranslation). However on the button, the link is only active at the right hand side of the button - could the link cover the whole button?

Thanks!

Hi Yes you can fix it by adding the following code to DESIGN>CUSTOM CSS

.t-button {
    z-index: 9 !Important;
}

Please do mark it solved if it works.

4 hours ago, fabianmoreno01 said:

Thanks @humxahafeex , I changed the code but it's still not working...
(Also, I don't know if this plays a role, but I do have a piece of code in the page itself to prevent the header and footer from appearing.)

My Bad , Please try this one , header and footer code is not a issue.

Quote

Quote

<iframe id="" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://my.forms.app/form/61a320417d2e520c5456fd3b" frameborder="0" style="width: 1px; min-width:100%; height:500px; border:none;"></iframe>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script>
$(document).ready(function() {
    $('.submit-button').click(function(){ window.location = 'https://www.fabianmoreno.net/thank-you'});
});
</script>

please check and let me know if it still shows no result.

22 hours ago, Craigers said:

I used this code to change the nav colour for a my blogs

<style>
  .header-announcement-bar-wrapper {
    background: #0b3141 !important;
}
</style>

The nav font is the same colour so doesn't show up. (Other pages the nav is transparent) 
How do I turn the nav font on these blog pages?

I cannot share login through forum but back through private message

HI I would love to assist you with this please do come inbox. 

5 hours ago, fabianmoreno01 said:

Hello!

I have created a Code Block on a page of my website so I can insert a survey (from the website forms.app). The code provided by the forms website is:

<iframe id="" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://my.forms.app/form/61a320417d2e520c5456fd3b" frameborder="0" style="width: 1px; min-width:100%; height:500px; border:none;"></iframe>

At the end of it, users should be redirected to a Thank You page (also on my site) but it doesn't work, even though the form does say the user will be redirected. The page doesn't change and the survey goes back to its 1st page.

I imagine it's because the Redirect-upon-Completion is in the form's settings (i.e. in a block inside the page) rather than in the page settings itself? Or maybe it's something else entirely.

Any help appreciated! (Note: I'm a smart guy but also a complete beginner at coding so I can only make use of detailed instructions when coding is involved.)

Thanks!

Hi It's a simple fix , I did wrote a quick fix for you please do change your form code to the following and test if it works or not.

<iframe id="" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://my.forms.app/form/61a320417d2e520c5456fd3b" frameborder="0" style="width: 1px; min-width:100%; height:500px; border:none;"></iframe>

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script>
$('.submit-button').click(function(){ window.location = 'https://www.fabianmoreno.net/thank-you'});
</script>

if it fixes the issue ,please do mark it as solved. 

8 hours ago, HollidayHelp said:

How can i get the alignment of the permanent drop down to sit under Portfolio and Information ?

Hi , Please share website Url/link so we can have a look and help you with it.

Hi it's quite simple , Go to Design >Custom Css and paste the following code in it.

.gallery-strips[data-width="inset"] {
    padding: 0vw !important;
}

it will fix the issue for sure. 

Do mark it as solved if it works.

3 hours ago, MadaRekcorc said:

Hello, I'm trying to make my site logo bigger (or wider more to the point!) than Squarespace 7.1 allows in the header customisation settings. So I have tried using this custom CSS code:

.header-title-logo img {
    max-width: 700px;
}

When I try using this custom CSS to get the logo to the correct size - the logo is made the correct size but goes off to the right instead of staying centred!? How can I keep it centred all the time on desktop?

Attached are screen grabs before and after I apply this custom CSS

Can anyone help?

Will be eternally grateful

Thanks a million

Hi , Will you please share website link so we can guide you in a better way.

8 minutes ago, Sven_Verheijen said:

Hi,

 

I want to reduce the space between my sentences. Basically bringing them closer together.

I know how I can reduce the margins at the top and bottom of the text with custom css but I can't find the exact code to reduce the margins in between the text (sentences) and bring them closer together.

 

I want to apply it on p3.

.sqsrte-small {margin  ?I think I miss something here?  : -10px !important;}
 

Help on this would be appreciated. I'm on 7.1

Thanks.

 

Sven

Hi , Please do try the following code, Hope it works:

.sqsrte-small {
line-height:1em !important;
}

Just try to play where it says 1em , try 1.2em , 0.8em etc.

Hi You can Fix it Simply by adding the following code in Design>Custom CSS

.header .header-nav-wrapper a {
    font-family: inherit !important;
}

Hope it helps , Mark it as Solved if it fix the issue.

2 hours ago, Ad7am said:

I'm looking to add the javascript & SVG effects shown in the following tutorials to my Squarespace 7.1 portfolio site:

1. "Making Stagger Reveal Animations for Text": 
https://tympanus.net/codrops/2020/06/17/making-stagger-reveal-animations-for-text 
2. "Ideas for Distorted Link Effects on Menus": 
https://tympanus.net/Development/DistortedMenuLinkEffects/index5.html
3. "Animated Custom Cursor Effects": 
https://tympanus.net/Development/AnimatedCustomCursor/index3.html
4. "Text Distortion Effects using Blotter.js": 
https://tympanus.net/Development/TextDistortionEffects/index.html

It looks like they require JS libraries such as Blotter.js, GSAP, Splitting.js, Paper.js, and Simplex Noise. A few are specifically about using SVG effects. And while I know a bit of HTML & CSS, these are all beyond me.

One JS expert I know says the job isn't difficult — except that these require server-side code, and Squarespace won't allow that. He offered to move my site off Squarespace, which isn't an option, or recreate the effects with client-side code, but that would be way too expensive and might cause other issues like slowing down my site. 

Is he correct? Is there a solution?

Thanks for looking.

Adam

Hi, It's 100% possible to add without SERVER SIDE CODING ,it might take a bit time to get it done but it's 100% possible.

2 hours ago, JoeKariuki said:

Does anyone know why this happens every time I open Chrome's Developer tools while my website is in development mode? It never use to happen before but has been happening for awhile now.

Did you tried some other browser ? 

Hi Unfotunatley No ,But Good News I am working on it to devlop some tool by which you can change the style of Invoice and make it as per your brand colors and stuff. Hope fully I will release it in summers 🙂

Hi , You can create it on your own without plugin but it requires little knowledge of css , please visit the following link for more info.

https://www.w3schools.com/w3css/w3css_tabulators.asp

Hope it helps 🙂 

1 hour ago, JonnyDavidson said:

Site URL: https://www.newworkmasterskills.com/

Hello,

I have added custom CSS to edit the bullet point shape and colour. On desktop view they appear the correct colour (white), but on mobile view they appear in black - regardless of the colour theme for the block.

Is anyone able to help with this?

Thanks

Hi , It appears to be correct color(white) on mobile as well, I think you have manage to fix it.

Hi , Yes you can by using following services:

-localize.js 

-bablic.com

both of them are paid services , If you don't want to pay them then only coding solution will work 🙂