Jump to content

Custom css to justify text

Recommended Posts

Site URL: https://www.movingexperience.me/

I used custom css to justify text on my webiste. This is what I used in the :  

p {
    text-align: justify
}

I also tried adding this to the code blocks: 

<p style="text-align: justify ;margin-top:-20px;white-space:pre-wrap;font-weight: 500;"


Now it is only being displayed correctly when the site is viewed in google chrome, it doesn't work in safari. 
I also tried adding this: 

body p, .sqs-layout .sqs-block.html-block p {
 text-align: justify !important;
}

but it's only affecting the regular text blocks, not the coding blocks with the text I actually want to justify. 

I'm thankful for any ideas what might be the problem here! 

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply
10 hours ago, rosa-h said:

Site URL: https://www.movingexperience.me/

I used custom css to justify text on my webiste. This is what I used in the :  

p {
    text-align: justify
}

I also tried adding this to the code blocks: 

<p style="text-align: justify ;margin-top:-20px;white-space:pre-wrap;font-weight: 500;"


Now it is only being displayed correctly when the site is viewed in google chrome, it doesn't work in safari. 
I also tried adding this: 


body p, .sqs-layout .sqs-block.html-block p {
 text-align: justify !important;
}

but it's only affecting the regular text blocks, not the coding blocks with the text I actually want to justify. 

I'm thankful for any ideas what might be the problem here! 

There is problem with safari justify align

How to Justify Text in 7.1 using Safari? - Coding and Customization - Squarespace Forum

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 minute ago, rosa-h said:

Thank you for your response, this also did not work. It did the exact same thing as this code: 

body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; }

Do you have any other suggestions? 

I don't at the moment since I dont have a macos devices to test, hope someone will contribute a solid workaround

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.


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