Blog: Changing "Read more" to another language, avoiding cutting of long words and changing date format

Site URL: https://tulip-grasshopper-g8dw.squarespace.com/grontvattat

Hi!

I've tried different solutions found in this forum with no success, so here it goes:
https://tulip-grasshopper-g8dw.squarespace.com/grontvattat (password Greenery2021)

This blog is in Swedish, and I have three difficulties:
1) I can't seem to change the "Read more" link to Swedish. I've tried changing to Sweden in settings, which didn't do anything. Which code should I put in the CSS to change this?

2) Also, is there a way to stop the headlines from cutting long words? Perhaps an automatic scaling of headline size to avoid this? 
(Example in the second blogpost from the top: "Fick nog – nu avslöjar hon greenwashingkampanjerna" where the last word is getting chopped in two)

3) I have no luck changing the date format to a Swedish one. I would like either in Swedish (for example 15 februari 2021) or day/month-year like this: 15/2-2021. Last option is yearmonthday, like this: 210215
How do I change this?


 

5 hours ago, MariaSL said:

Site URL: https://tulip-grasshopper-g8dw.squarespace.com/grontvattat

Hi!

I've tried different solutions found in this forum with no success, so here it goes:
https://tulip-grasshopper-g8dw.squarespace.com/grontvattat (password Greenery2021)

This blog is in Swedish, and I have three difficulties:
1) I can't seem to change the "Read more" link to Swedish. I've tried changing to Sweden in settings, which didn't do anything. Which code should I put in the CSS to change this?

2) Also, is there a way to stop the headlines from cutting long words? Perhaps an automatic scaling of headline size to avoid this? 
(Example in the second blogpost from the top: "Fick nog – nu avslöjar hon greenwashingkampanjerna" where the last word is getting chopped in two)

3) I have no luck changing the date format to a Swedish one. I would like either in Swedish (for example 15 februari 2021) or day/month-year like this: 15/2-2021. Last option is yearmonthday, like this: 210215
How do I change this?


 

Hi , You can't do 1 & 3 with Css you have to use Javascript for this. but for 2 you can use the following code in Design >Custom Css

.blog-side-by-side .blog-title {
    word-break: keep-all !important ;
    color: #000 !important;
    display: grid !important;
}
@media screen and (min-width: 1272px){
.blog-side-by-side .blog-title {
    font-size: calc(4.1 * 1rem) !important;
}
}

1 hour ago, humxahafeex said:

Hi , You can't do 1 & 3 with Css you have to use Javascript for this. but for 2 you can use the following code in Design >Custom Css

h1, h2, h3, p {
  hyphens: none;
}

 

Hi! Thanks! Nothing happened though, the word "greenwashingkampanjerna" is still split in two, se screenshot. 

How do I go about fixing the 1 & 3 with Javascript?

42 minutes ago, MariaSL said:

Hi! Thanks! Nothing happened though, the word "greenwashingkampanjerna" is still split in two, se screenshot. 

How do I go about fixing the 1 & 3 with Javascript?

Hi , I am sorry I have just updated the Code will you please use this and let me know if it works 🙂

1 hour ago, humxahafeex said:

Hi , I am sorry I have just updated the Code will you please use this and let me know if it works 🙂

Hmm, sorry, still nothing ...

5 minutes ago, MariaSL said:

Hmm, sorry, still nothing ...

It's Strange Will you please try again by removing the old code and paste the code again and test as I did edited the code. As it's working perfectly on my side.(Image is Attached) 

The headline things is fixed now, thanks! I missed the updated code, so with the correct one the problem got fixed. Thanks so much! 

Is there a way to get help with 1 & 3 in here as well?