CalvinEK

27 minutes ago, paul2009 said:

Add this to Design > Custom CSS:

h1 a, h2 a, h3 a, h4 a {
  text-decoration: none!important;
}

 

Thank you, Paul. This worked wonderfully (as I'm sure you knew it would)! 

I have a similar question. In my case, what I would like to do is to remove the underline on Headings (H1, H2, H3, H4) when they have links "on them". See the front-page on www.calvin.no  

7 hours ago, bangank36 said:

It seems that we need to set style in general, not specific element. Kindly remove all my previous codes and add the following one

@media only screen and (max-width: 767px) {
  .embed-block .embed-block-wrapper.embed-block-provider-Spotify > iframe {
    height: unset !important;
  }

  .embed-block + div {
    margin-top: 20px !important;
  }
}

Let me know how my new codes work on your site

Hope it helps you

Yes, this works. Thank you very much @bangank36!  

9 hours ago, bangank36 said:

Hi,

I find that your block id has been changed. Kindly replace my previous code with the following one on your Custom Css

@media only screen and (max-width: 767px) {
  /*change your id to apply change*/
	#block-yui_3_17_2_1_1637960750049_2648 {
		.embed-block-wrapper {
			iframe {
				height: unset;
			}
		}
		+ {
			div {
				margin-top: 30px;
			}
		}
	}
}

If you get this issue again, you can find the id and replace it on your own by using the extension: Squarespace ID Finder

Here is how to use it: https://recordit.co/kUIH4uco0b

Hope it can help you

Thank you again.

When I add this code, Squarespace says "Syntax Error on line 52" (the line with "         + { "). So I didn't save it and don't know what would happen if I did. 

Thank you for the link to the plugin and the instruction video. 

I looked at the first blog and second blog post:

https://www.calvin.no/en-slags-grind/hunden

https://www.calvin.no/en-slags-grind/aronsen

and found that their respective embedded Spotify players have different block ids.

So if I replace the old block id with the new, the fix will (apparently) only work on the second blog post. And it will reoccur on the first blog post.

Will I have to add more custom CSS every time I add embed a Spotify player in a blog post? Like this: 

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1637960750049_2648 .embed-block-wrapper iframe {
    height: unset;
  }

  #block-08104326c4a328c45446 {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1637351429136_2825 .embed-block-wrapper iframe {
    height: unset;
  }

  #block-yui_3_17_2_1_1637351524693_2665 {
    margin-top: 30px;
  }
}

It seems to solve the problem. But it is laborious. 

@bangank36 I just published a new blog post with an embedded Spotify player playing a different track. The fix you provided works on the original blog post, but not on the new one: https://www.calvin.no/en-slags-grind/aronsen 

Any idea how I can make it work every time I embed a Spotify player? 

17 minutes ago, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1637351429136_2825 .embed-block-wrapper iframe {
    height: unset;
  }

  #block-yui_3_17_2_1_1637351524693_2665 {
    margin-top: 30px;
  }
}

Let me know how it works on you site

Press 👍 or mark this answer as solution to help another one too

It works beautifully! Thank you very much! 

Site URL: https://www.calvin.no/en-slags-grind/hunden

I have embedded a Spotify player on this page: https://www.calvin.no/en-slags-grind/hunden 

When viewed on a mobile device (or in the mobile preview in Squarespace) the bottom part of the player is cut, like this: 

On a computer screen it looks like this: 

Is there a way that I can make the whole player show on mobile? 

On 11/21/2021 at 3:31 AM, tuanphan said:

Add to Code Injection > Footer

<script>
  if (document.querySelector("div#block-7a0e9e4add2a3b74e014")) {
    document.querySelector('.newsletter-form-field-element[name="email"]').placeholder='E-post'; 
  }
</script>

 

This worked wonderfully. Thank you!

I tried the suggestions in this post on https://www.calvin.no/, but they didn't work on my site. Any idea how I can change the placeholder text to something else ("E-post").

On 11/6/2021 at 4:09 AM, tuanphan said:

Do you use Personal or Business Plan? Each plan will have a different code to do this.

I'm on the Business Plan. 

On 1/9/2020 at 3:22 PM, tuanphan said:

Can you share link to comment on your site?

I wonder about this too. 

How to display "Comments", "Newest First"/"Oldest First"/"Most Liked"/"Least Liked", "Preview", "Edit", "Post Comment...", "Not Logged In", "Just now", "A minute ago" and so on, in another Language. Norwegian in my case. 

And "COMMENT AWAITING MODERATION", "Your comment has been successfully posted and is awaiting moderation." 

Example page: https://www.calvin.no/solo/aske 

And finally, I found this forum entry, which solved the form labels issue: 

Found this forum entry, which solved the date format issue on the front page (blog page) for me: 

Found this forum entry, which solved the "Read more" issue: 

Site URL: https://www.calvin.no/

On the front page https://www.calvin.no/, how do I go about changing these things? 

• Date format from "MM/DD/YY" to "DD.MM.YYYY"
• "Read more" to "Les mer"

And on blog post pages, like https://www.calvin.no/solo/korrespondentbrev   

• Date format from "Oct 26" to "26. oktober" (and so on) 

In the contact form, https://www.calvin.no/kontakt, is it possible for me to change the labels under the name fields ("First Name" and "Last Name") to the Norwegian "Fornavn" and "Etternavn"?