Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom css to justify text


rosa-h

Question

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

3 answers to this question

Recommended Posts

  • 0
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...