Jump to content

Ishimoto: Can I justify text within Squarespace?

Recommended Posts

The theme I'm using (Ishimoto) doesn't offer the option to justify text. Is there an HTML or CSS code I can use to justify text within blocks? If so, how do I use it? This would really help me out. This question has been asked before but the wrong answer has been given each time. I am not asking for what works on other sites. I am asking for what works on SquareSpace hosted sites. Kudos for correct answers, not just responses in general.

Link to comment
  • Replies 22
  • Created
  • Last Reply

Hi there,

The CSS to justify text is:


.element-to-justify {
 text-align: justify;
}

So using custom CSS you can target the element(s) you want to justify. If you post a link to your site and explain which part you want justified, I would be happy to give you the exact code.

Web and mobile developer.

Link to comment

There was an erroneous character in the code I posted, which i've now removed. Simply copying and pasting the code won't work for you though, as it is targeting an element that doesn't exist (.element-to-justify). You'll need to let me know which element you want to justify, and i'll give you the exact code to copy and paste. The easiest way to do this is give me a link to your site and explain which part you'd like justified.

Web and mobile developer.

Link to comment

Just one point from a designers/typography point of view. Justified text is plain awful unless you do it in print when you have full control over each line and it's word spacing. And also being able to overhang punctuation.

Because you get uneven spaces where lines of copy are forced to fit the width.

Basically it makes it uncomfortable to read. Similar to white type on black backgrounds.

My advice from a long career in design and a few typography awards is don't justify your text.

Award Winning Designer ( not a budding one ). Get in touch if you want to invest in something great. Our developer worked with the platform since inception and I have worked for the best advertising agencies in the world. Get in touch and do not use the marketplace. Visit here to see more

Link to comment
  • 5 months later...

Hi pleasehelp,

That line of text is actually justified as far as the CSS is concerned, so you've done nothing wrong :) CSS won't justify a single line of text, only multiple lines. You can see this in practice if you add some extra text to that block to make it wrap to two lines - see how it now justifies the first line?

Fortunately, there is a way to make CSS think that there is multiple lines, and using the following code should give you the effect you're after:

#d1:after { content: ""; display: inline-block; width: 100%; }

Web and mobile developer.

Link to comment
  • 1 year later...
  • 3 weeks later...
  • 3 weeks later...

Hi all - I know this is an old thread but hopefully someone can help :)

Using Montauk, all my body text is under heading 3, and it seems the css I've tried from these boards has only actually worked with normal plain text. Is there something I can use to justify all my header 3 body text across all the pages?

Thanks1

Link to comment
  • 8 months later...
  • 6 months later...

I found this thread a few months back, and the code you posted worked great! HOWEVER, I noticed that the formatting on the footer on some of my pages was messed up, and I couldn't figure out why. I realized that it was only occurring on pages that I had injected this code into. Is there a way to EXCLUDE the justification from being applied to the footer? I'm a relative novice when it comes to code, so if someone could provide the exact modification that I can copy and paste in where needed instead of the original code, I would be GREATLY APPRECIATIVE!

Link to comment
  • 3 weeks later...
  • 2 months later...
  • 2 years later...

Hi @ApertureStar , I made a video tutorial for you on how to Justify Text in Squarespace. Hope this helps! https://www.askquesty.com/post/justify-text-squarespace-tutorial

Have Squarespace questions/task and need help today? **You can hire us here.** Our answers are on-demand, video recorded, and only cost between $5 to $25. Estimates are free, 100% satisfaction guarantee, and trusted by hundreds of small businesses.

Link to comment
  • 5 weeks later...

Hello, I am facing a similar issue and would appreciate your input. I'm using the "Miller" template with the following CSS to justify all body content. The CSS used to work perfectly across all browsers, but recently, it works only on Chrome and NOT on Safari (i.e., the text is not justified when browsing from Safari for any newly edited text, except when view from Chrome). In other words, some of the text on Safari is still justified, but recently edited text is not:

body p { text-align: justify; text-justify: inter-word; }

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.