Lucia_

8 hours ago, Beyondspace said:

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
	#block-6362fc605a58d739a1e4cebc.sqs-background-enabled.sqs-block-html {
		background: blue;
		* {
			color: #fff !important;
		}
	}
	#block-6362fc60ca51a6f492817c66.sqs-background-enabled.sqs-block-html {
		background: blue;
		* {
			color: #fff !important;
		}
	}
}

Hope it works properly on your site

This code worked perfectly, thank you so much!!

13 hours ago, Lucia_ said:

I have noticed if i want to add several block it won't work for the blue version (white section works perfectly further down) it keeps removing the code colder of the block number and not the actual text.

 @Beyondspace do you know why this might be?

 

@media only screen and (max-width: 767px) {
  #block-6362fc605a58d739a1e4cebc,  {
    background-color: #1e2f5a;
  }
 #block-6362fc605a58d739a1e4cebc span,
#block-6362fc60ca51a6f492817c66 span ?,   
  {
    color: #fff;
  }
}

15 hours ago, Beyondspace said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-6362fc605a58d739a1e4cebc {
    background-color: blue;
  }
  #block-6362fc605a58d739a1e4cebc span {
    color: #fff;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you

I have noticed if i want to add several block it won't work for the blue version (white section works perfectly further down) if I wanted to add another #block to that code can I add that to the same span?

@media only screen and (max-width: 767px) {
  #block-6362fc605a58d739a1e4cebc,  {
    background-color: #1e2f5a;
  }
 #block-6362fc605a58d739a1e4cebc span,
#block-6362fc60ca51a6f492817c66 span ?,   
  {
    color: #fff;
  }
}

3 hours ago, Beyondspace said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-6362fc605a58d739a1e4cebc {
    background-color: blue;
  }
  #block-6362fc605a58d739a1e4cebc span {
    color: #fff;
  }
}

Support me by pressing 👍  or marking as solution if this useful for you

amazing, thank you very much for your help!!! it worked perfectly. 

Hi there

I am trying to figure out how I can change the background color of a specific image #block background ("DISCOVER the goal that matters most").  Is there a way to remove the background color from green to blue and change the font to white on mobile only?


https://hazelseybert.squarespace.com/services-overview pw:DDD

On 9/22/2022 at 9:22 PM, tuanphan said:

Try adding to Design > Custom CSS

footer.sections .content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

 

Thank you for your rely and help!

In this case I have added another section in the footer and made it blue, can I reduce this section only?

this is de section id: section[data-section-id="6323b57c1e1ec431e5973d28"]

Hi @bangank36
I have tried that and was wondering is there a way to reduce the hight of the actual footer. currently Its on 10 and it should be less maybe 5 or even thinner. 

Referring to the blue section 😃

Thank you for your help, lucia

Site URL: https://www.90daydivas.com

Hi I have a question about email automations - can I upload an email list and then activate the automation (drip campaign) or will that only work if the customer actively subscribes to a newsletter or brought a product form the website? thank you for your help

On 2/17/2022 at 8:59 PM, meganheath said:

Hi @Lucia_

Here's a previous post which walks you through how to create this.

 

Thank you @meganheathfor this post. I tried to implement this but doesn't seem like I am getting the phone Icon. is there another was to do this?

Site URL: https://conniemills.squarespace.com

Hi there

Can I add a phone number to the social media icons?

Currently its only facebook and email but id like to add the her phone number. 

https://conniemills.squarespace.com/about pw: Connie

Thank you for your help

Site URL: https://omnia-health.squarespace.com/physio-oberwil

Hi there

I was wondering if I can reduce the hight of the footer any further?

https://omnia-health.squarespace.com/physio-oberwil pw Omnia

Thank you for your time and help 😃

On 7/14/2021 at 5:55 PM, Lucia_ said:

Thank you @creedon for your fast reply. 
that was worked but I would like it below each other and on the left hand side. is that possible too?
CHF 65 / 30Min
CHF 120 / 60Min

The same with this page: 

The prices should all be on the right and text on the left - thank you for your help 😃

22 hours ago, creedon said:

The formatting help for the menu block reads in part.

Price Variants. You can also define multiple prices for variants on your items in the following format:

Wine Bottle Example
Description of the wine
$9 glass / $40 bottle

So in your case you'd need something like the following for the price line.

CHF 65 / 30Min — CHF 120 60Min

Let us know how it goes.

Thank you @creedon for your fast reply. 
that was worked but I would like it below each other and on the left hand side. is that possible too?
CHF 65 / 30Min
CHF 120 / 60Min

Hi there
I have used a menu block to showcase the prices of the services. 

Is there a way to have all prices on one side one not just one as seen on the screen shot?

Ideally the description on the left, prices on the right.

This is the link to the page: https://medical-training-physio.squarespace.com/preisliste pw physio

Any help would be mich appreciated. 
Lucia

On 8/17/2020 at 4:44 PM, tuanphan said:

1. Remove this link in Header (Footer has already latest jquery link)

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

2. In the last code

</script>
</script>

it should be 1 </script>

</script>

 

Hi Tuan, 

If I remove the the third <script> below the Language switcher appears again at the top right corner but the code shows again in the footer. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
-----  <script> ----this one
$(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']";

13 hours ago, Kate said:

No, it uses Google translate...but with a much sleeker, and floating selector 

Do you also have an solution for version 7?

On 9/8/2020 at 1:02 AM, Kate said:

We created a cool little add-on for this that translates (via Google Translate) in a selector on the bottom right hand side of your page...way less clunky: https://www.squareaddons.com/shop-2/language-selector-translate

thank you for this link. I have translated all the pages so this might not work as its from google translate or can you also choose your own translations?

4 hours ago, slowtravelmorocco said:

ok i see. probably some minor issue in the code - the person who wrote the code might can help out here.

ps: can you help me with the footer? what was your solution for the "imprint" "data security" when customers use your english website version? how did you figure it out? I am also using 7.1. but i can also "link" navigation pages ..so for me both languages show up at the same time..thank you for any suggestions.

Well my footer solution is just a work around as I have not found a better was to do it.

Now I just have the german version as the main file and then link the english on that page. 

hi @slowtravelmorocco

thank you for your fast responds. I just deleted the logo and nothing happened. 
I am using the latest version 7.1 - I have seen the switcher before but somehow after making the minor changes suggested above it disappeared. 

@tuanphan when I remove this code in the header my drop down wont work anymore. 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

https://www.theginiusway.ch/de/faq -> drop down

further I cant seem to see why my language Icon at the top right has disappeared. 

thank you for your help

@tuanphan sure here we go - happy to give you the access too. 

header

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="561b2956-d1d6-4c4b-8f9f-83709dcf419a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>

Footer

<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 == "de") {
      $('a[href="/"]').attr("href", "/de/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();

    /* SETUP LANGUAGE SWITCHER */
    $('.header-display').prepend('<div class="language"><a href="/de/home" class="lang-de"><span class="langueEncourse">De</span></a><a href="/en/home" class="lang-en"><span class="langueEncourse">En</span></a></div>');

    /* NOT REQUIRED */
    /* SETUP URL REROUTE FOR MATCHING LANGUAGE PAGE */
    switch (window.location.pathname) {
      case '/en/kontakt':
        $(".language a.lang-en").attr("href", "/en/about");
        $(".language a.lang-de").attr("href", "/de/ueber");
        break;
      case '/de/contact':
        $(".language a.lang-de").attr("href", "/de/ueber");
        $(".language a.lang-en").attr("href", "/en/about");
        break;
                                    }
  });</script>
</script>

Thank you @tuanphan that solved it😍

But now the language switcher up the top is gone?

hi @bradgood

I have been using your code for the language switcher. I'm using the version 7.1 and when I activate the code I for some reason see it below the footer. Do you know why this is?
Thank you for your help 

Lucia

On 4/8/2020 at 5:10 AM, tuanphan said:

If you use Business Plan, use this guide.  https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template 

If you use Personal Plan, use this guide https://beaverhero.com/squarespace-2-languages

Dear @bradgood
I have used your code as described and for some reason when I activate the code, I can see the code below in the footer: 

/* SETUP LANGUAGE SWITCHER */
    $('.header-display').prepend('<div class="language"><a href="/de/adr-ac" class="lang-de"><span class="langueEncourse">DE</span></a><a href="/en/adr-ac" class="lang-en"><span class="langueEncourse">EN</span></a><a href="/fr/adr-ac" class="lang-fr"><span class="langueEncourse">FR</span></a><a href="/it/adr-ac/" class="lang-it"><span class="langueEncourse">IT</span></a></div>');

I also noticed that on mobile page looks very different as in too wide. If I want to use the accordion I need to swiping right to find it. 

this is the page i am referring to: https://www.adr-ac.ch/

Thank you for your help
Lucia