Beyondspace
-
Posts
10,004 -
Joined
-
Last visited
-
Days Won
80
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Status Replies posted by Beyondspace
-
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
-
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
-
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…
-
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…
-
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
-
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?
-
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.
-
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.
-
Love to know if you can help out with my custom coding issue regarding seperate desktop and mobile views. Please let me know 🙂
-
Just publish a custom hover style for portfolio, available for purchase! Check it out
-
-
A new custom plugin is coming: Squarespace Table of Contents block, who interested?
-
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>
-
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>
-
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>
-
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>
-
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.
Similar to this site using Forte, there is no small box of the site title at the bottom
-
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.
Similar to this site using Forte, there is no small box of the site title at the bottom
-
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.
Similar to this site using Forte, there is no small box of the site title at the bottom
-
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!
-
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!