Jump to content

Beyondspace

Circle Member
  • Posts

    10,004
  • Joined

  • Last visited

  • Days Won

    80

Status Replies posted by Beyondspace

  1. Hi Bangank36,

    I have been following your advices and I would like to know if you can help me with a code to change date format from MM.DD.AAAA to DD.MM.AAA within the "Form" field. Is it posible? I thing my website's friend is in the version is 7.0. 

    langoletto.es

    https://langoletto.squarespace.com/config/settings

    Screen Shot 2022-05-11 at 09.57.46.png

    1. Beyondspace

      Beyondspace

      Have just PM you

  2. Hi bangank36, you are so knowledgeable on here. I wonder if you can help me. I'm frustratingly working on a website which uses a 7.0 template (and I am having to relearn some basic things that I've learnt on 7.1). For some reason the site's mobile navigation doesn't become a hamburger. Do you know why this might be. I can find anywhere to change it and have not seen any CSS to force it to become a hamburger menu. Thanks. The site is: https://www.orme-architecture.com/

    Thanks

    1. Beyondspace

      Beyondspace

      I will contact you via message to get more information for checking this issue

    2. (See 3 other replies to this status update)

  3. hi bangank,

    Could you help me, i'm trying to get "messenger chatbot" on a e-commerce website for a client.

    i use Manychat for that, i follow strictly the process but it doensn't work…

     

  4. hi bangank,

    Could you help me, i'm trying to get "messenger chatbot" on a e-commerce website for a client.

    i use Manychat for that, i follow strictly the process but it doensn't work…

     

  5. Hi bangank36, you are so knowledgeable on here. I wonder if you can help me. I'm frustratingly working on a website which uses a 7.0 template (and I am having to relearn some basic things that I've learnt on 7.1). For some reason the site's mobile navigation doesn't become a hamburger. Do you know why this might be. I can find anywhere to change it and have not seen any CSS to force it to become a hamburger menu. Thanks. The site is: https://www.orme-architecture.com/

    Thanks

  6. HI! I saw your comment on a post and couldnt figure out how to reply to you, I'm new here.  You had helped someone switch their image and text on mobile.  Any chance you can help me do the same? 

    1. Beyondspace

      Beyondspace

      What can I help you?

  7. Hi there,

    I hope it is OK to message your page. I am using an Events page to display job listings, which, by default, includes a start date and an end date.

    • Wed, 29 Sep 2021  - Fri, 29 Oct 2021

    I only want to show the Start date, but both are list items and share the same class, so it seems impossible to target them separately using css. For now, I have just hidden both dates:

    .eventlist-meta-item.eventlist-meta-date.event-meta-item {
       display: none;
    }

    - Firstly I thought about using the :nth-child selector -

    .eventlist-meta-item.eventlist-meta-date.event-meta-item:nth-child(2) {
      display: none;

    But there is only 1 child in the <li> so that failed.

    - Is it somehow possible with css to target the element after the "-" (span.event-datetime-divider) ?

    - Or maybe there is a way to use jQuery to get the "startDate" from the original Event listing and display that at the top of each event? 

    I think this may be impossible, but thanks for any help you might be able to offer.

    https://www.totalrecruitment.co.nz/job-vacancies

    1. Beyondspace

      Beyondspace

      You can try adding to Home > Design > Custom Css

      .event-datetime-divider + time,.event-datetime-divider {
        display:none;
      }

       

    2. (See 2 other replies to this status update)

  8. Hi there,

    I hope it is OK to message your page. I am using an Events page to display job listings, which, by default, includes a start date and an end date.

    • Wed, 29 Sep 2021  - Fri, 29 Oct 2021

    I only want to show the Start date, but both are list items and share the same class, so it seems impossible to target them separately using css. For now, I have just hidden both dates:

    .eventlist-meta-item.eventlist-meta-date.event-meta-item {
       display: none;
    }

    - Firstly I thought about using the :nth-child selector -

    .eventlist-meta-item.eventlist-meta-date.event-meta-item:nth-child(2) {
      display: none;

    But there is only 1 child in the <li> so that failed.

    - Is it somehow possible with css to target the element after the "-" (span.event-datetime-divider) ?

    - Or maybe there is a way to use jQuery to get the "startDate" from the original Event listing and display that at the top of each event? 

    I think this may be impossible, but thanks for any help you might be able to offer.

    https://www.totalrecruitment.co.nz/job-vacancies

    1. Beyondspace

      Beyondspace

      Could you create new topic and tag me there

    2. (See 2 other replies to this status update)

  9. Love to know if you can help out with my custom coding issue regarding seperate desktop and mobile views. Please let me know 🙂

    1. Beyondspace

      Beyondspace

      You can pm me the details

  10. A new custom plugin is coming: Squarespace Table of Contents block, who interested?

     

    1. Beyondspace

      Beyondspace

      it is in final beta test and will be available in next few days

    2. (See 6 other replies to this status update)

  11. Squarespace Plugins: Pinchable lightbox image/gallery

    I'm glad to introduce the lastest plugin that can turn your lightbox image into pinchable on mobile, where you can pan,zoom the image with fingers touch

    Let's contact me for more detail!

    pinchable-min.gif

  12. A new custom plugin is coming: Squarespace Table of Contents block, who interested?

     

    1. Beyondspace

      Beyondspace

      Yes, the table is auto generated from heading tags and anchor link ( which also is a custom block )

    2. (See 6 other replies to this status update)

  13. Hello! I'm leaving you a message here because I read some of your replies to people asking for help and you're amazing. I'm trying to center a button using html and I don't know how to do it. I'm pulling the button from LeadPages. I changed the style for different things but I need to center them. Please help! 

    <script src="https://embed.lpcontent.net/leadboxes/current/embed.js" async defer></script> <button data-leadbox-popup="RCmUxZx6qH4yob28Z3NJxS" data-leadbox-domain="odettejimenez.lpages.co" style="background: rgb(222, 60, 76);border-color: rgb(222, 60, 76);border-radius: 5px;color: #FFFFFF;display: inline-block;vertical-align: middle;padding: 15px 32px;min-width: 192px;border: 1px solid rgb(222, 60, 76);font-size: 1.3rem;font-family: Raleway, sans-serif;text-align: center;outline: 0;line-height: 1;cursor: pointer;-webkit-transition: background 0.3s, color 0.3s, border 0.3s;transition: background 0.3s, color 0.3s, border 0.3s;  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);">QUIERO LA GUIA</button>

    html-help-center-button.jpg

  14. Hi Bangank36,

    I saw you helped someone add a language switcher to their squarespace site and wondered if you could also help me? I have two websites and on one I want to link to the other. I would like a single flag (Russian) top right to link to a url.  Could you please help me, I am going crazy trying to find the solution. Below is the code from the forum entry. Many many thanks in advance. 

     

    <style>
    	.language {
    	  position: absolute;
    	  z-index: 999;
    	  top: -20px;
    	  left: 0;
    	  display: inline-block;
    	}
    	.language a {
    	  border: 1px solid #000;
    	  margin: 0 5px;
    	  width: 40px;
    	  height: 20px;
    	  display: inline-block;
    	  background-position: center top;
    	  float: left;
    	  text-indent: -999999px;
    	  color: transparent;
    	}
    	.language [href="/en/home/"] {
    	  background: url(https://restcountries.eu/data/gbr.svg) no-repeat;
    	  background-size: cover;  
    	}
    
    	.language [href="/de/home"] {
    	  background: url(https://restcountries.eu/data/deu.svg) no-repeat;
    	  background-size: cover;
    	  width: 33px
    	}
    
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
    $(function() { 
      /* SETUP MULTI-LANGUAGE */
      var defaultLanguage = 'de';
      var lang = location.pathname.split("/")[1];
      var defaultClass = 'lang-'+defaultLanguage+'';
      var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']";
      if (lang == "" || lang.length > 2 ){
        var lang = defaultLanguage;
      }
    
      /* ADD LANGUAGE CLASSES */
      $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+'');
      $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () {
        var langType = $(this).attr('href').split("/")[1];
        var multiLanguageClass = 'multilanguage lang-' + langType + '';
        if (undefined !== langType && langType.length <= 2) 
          $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass);
      });
      $('nav button').each(function () {
        var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0];
        var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + '';
        if (undefined !== langTypeFolder && langTypeFolder.length <= 2) 
          $(this).addClass(multiLanguageClass);
      });
    
      /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */
      if (lang == "en") {
        $('a[href="/"]').attr("href", "/en/home/");
      }
    
      /* ADD EXCLUSION NAV ITEMS */
      $('.exclude-me,.exclude-me a').addClass('exclude');
      $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude');
    
      /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */
      $('.multilanguage:not(".lang-'+lang+',.exclude")').remove();
    });
    
    </script>
    <script>
    /*setup language switcher*/
    $('.header-title-text').prepend('<div class="language"><a href="/de/home" class="lang-en">Deutsch</a><a href="/en/home/" class="lang-es">English</a></div>');
    </script>
    1. Beyondspace

      Beyondspace

      sorry been busy these days, let's place question on new topic

    2. (See 7 other replies to this status update)

  15. Hi Bangank36,

    I saw you helped someone add a language switcher to their squarespace site and wondered if you could also help me? I have two websites and on one I want to link to the other. I would like a single flag (Russian) top right to link to a url.  Could you please help me, I am going crazy trying to find the solution. Below is the code from the forum entry. Many many thanks in advance. 

     

    <style>
    	.language {
    	  position: absolute;
    	  z-index: 999;
    	  top: -20px;
    	  left: 0;
    	  display: inline-block;
    	}
    	.language a {
    	  border: 1px solid #000;
    	  margin: 0 5px;
    	  width: 40px;
    	  height: 20px;
    	  display: inline-block;
    	  background-position: center top;
    	  float: left;
    	  text-indent: -999999px;
    	  color: transparent;
    	}
    	.language [href="/en/home/"] {
    	  background: url(https://restcountries.eu/data/gbr.svg) no-repeat;
    	  background-size: cover;  
    	}
    
    	.language [href="/de/home"] {
    	  background: url(https://restcountries.eu/data/deu.svg) no-repeat;
    	  background-size: cover;
    	  width: 33px
    	}
    
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
    $(function() { 
      /* SETUP MULTI-LANGUAGE */
      var defaultLanguage = 'de';
      var lang = location.pathname.split("/")[1];
      var defaultClass = 'lang-'+defaultLanguage+'';
      var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']";
      if (lang == "" || lang.length > 2 ){
        var lang = defaultLanguage;
      }
    
      /* ADD LANGUAGE CLASSES */
      $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+'');
      $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () {
        var langType = $(this).attr('href').split("/")[1];
        var multiLanguageClass = 'multilanguage lang-' + langType + '';
        if (undefined !== langType && langType.length <= 2) 
          $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass);
      });
      $('nav button').each(function () {
        var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0];
        var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + '';
        if (undefined !== langTypeFolder && langTypeFolder.length <= 2) 
          $(this).addClass(multiLanguageClass);
      });
    
      /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */
      if (lang == "en") {
        $('a[href="/"]').attr("href", "/en/home/");
      }
    
      /* ADD EXCLUSION NAV ITEMS */
      $('.exclude-me,.exclude-me a').addClass('exclude');
      $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude');
    
      /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */
      $('.multilanguage:not(".lang-'+lang+',.exclude")').remove();
    });
    
    </script>
    <script>
    /*setup language switcher*/
    $('.header-title-text').prepend('<div class="language"><a href="/de/home" class="lang-en">Deutsch</a><a href="/en/home/" class="lang-es">English</a></div>');
    </script>
    1. Beyondspace

      Beyondspace

      So you only need the flag as the site settings is in place right

    2. (See 7 other replies to this status update)

  16. Hi Bangank36,

    I saw you helped someone add a language switcher to their squarespace site and wondered if you could also help me? I have two websites and on one I want to link to the other. I would like a single flag (Russian) top right to link to a url.  Could you please help me, I am going crazy trying to find the solution. Below is the code from the forum entry. Many many thanks in advance. 

     

    <style>
    	.language {
    	  position: absolute;
    	  z-index: 999;
    	  top: -20px;
    	  left: 0;
    	  display: inline-block;
    	}
    	.language a {
    	  border: 1px solid #000;
    	  margin: 0 5px;
    	  width: 40px;
    	  height: 20px;
    	  display: inline-block;
    	  background-position: center top;
    	  float: left;
    	  text-indent: -999999px;
    	  color: transparent;
    	}
    	.language [href="/en/home/"] {
    	  background: url(https://restcountries.eu/data/gbr.svg) no-repeat;
    	  background-size: cover;  
    	}
    
    	.language [href="/de/home"] {
    	  background: url(https://restcountries.eu/data/deu.svg) no-repeat;
    	  background-size: cover;
    	  width: 33px
    	}
    
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>
    $(function() { 
      /* SETUP MULTI-LANGUAGE */
      var defaultLanguage = 'de';
      var lang = location.pathname.split("/")[1];
      var defaultClass = 'lang-'+defaultLanguage+'';
      var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']";
      if (lang == "" || lang.length > 2 ){
        var lang = defaultLanguage;
      }
    
      /* ADD LANGUAGE CLASSES */
      $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+'');
      $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () {
        var langType = $(this).attr('href').split("/")[1];
        var multiLanguageClass = 'multilanguage lang-' + langType + '';
        if (undefined !== langType && langType.length <= 2) 
          $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass);
      });
      $('nav button').each(function () {
        var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0];
        var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + '';
        if (undefined !== langTypeFolder && langTypeFolder.length <= 2) 
          $(this).addClass(multiLanguageClass);
      });
    
      /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */
      if (lang == "en") {
        $('a[href="/"]').attr("href", "/en/home/");
      }
    
      /* ADD EXCLUSION NAV ITEMS */
      $('.exclude-me,.exclude-me a').addClass('exclude');
      $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude');
    
      /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */
      $('.multilanguage:not(".lang-'+lang+',.exclude")').remove();
    });
    
    </script>
    <script>
    /*setup language switcher*/
    $('.header-title-text').prepend('<div class="language"><a href="/de/home" class="lang-en">Deutsch</a><a href="/en/home/" class="lang-es">English</a></div>');
    </script>
  17. Hello, I see that you have helped people before with Forte CSS. I was wondering if you would be able to help me remove the Site Title at the bottom of the homepage.

    https://saltsurf.com/

     

    Similar to this site using Forte, there is no small box of the site title at the bottom

    1. Beyondspace

      Beyondspace

      I can't find the box in footer, could you share screenshot?

    2. (See 6 other replies to this status update)

  18. Hello, I see that you have helped people before with Forte CSS. I was wondering if you would be able to help me remove the Site Title at the bottom of the homepage.

    https://saltsurf.com/

     

    Similar to this site using Forte, there is no small box of the site title at the bottom

  19. Hello, I see that you have helped people before with Forte CSS. I was wondering if you would be able to help me remove the Site Title at the bottom of the homepage.

    https://saltsurf.com/

     

    Similar to this site using Forte, there is no small box of the site title at the bottom

  20. would you be willing to help me locate a hidden html page on a clients site that was placed by a former SEO group?  i cannot find it and it's driving me crazy!  No idea who ask either so i apologize if this not the way to go about it.  THANK YOU!

    1. Beyondspace

      Beyondspace

      let's pm me the website url and detail issue

    2. (See 2 other replies to this status update)

  21. would you be willing to help me locate a hidden html page on a clients site that was placed by a former SEO group?  i cannot find it and it's driving me crazy!  No idea who ask either so i apologize if this not the way to go about it.  THANK YOU!

    1. Beyondspace

      Beyondspace

      Would be a paid session if you can give it a go

    2. (See 2 other replies to this status update)

×
×
  • 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.