Justify home title in prose

[munguti]

How do i justify home title in prose theme with no widget in the header?

When i try #title-area #title { align: justify;} does not work

http://www.christiantruthcenter.com/

[Tonya]

Hello,

For content that overflows the container, you would use text-align: justify;. However, in your case, the site title is shorter than the total width of its container, as #title-area { width: 450px; }. To stretch out the site's title to fill the container, you have a couple of options:

1) use word-spacing - which will add spacing between the words
2) use letter-spacing - which adds spacing between each letter (character)

For example, let's say you want to just space out the words, like justify would do. You would add the following:

#title-area #title {
     word-spacing: 10px;
}

You will need to adjust the spacing for the mobile breakpoints. For example, I would set word-spacing: normal; for devices smaller than 480px. You can play around with the settings to achieve the exact look that you want.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[munguti]

Thank you Tonya

[Tonya]

You're very welcome! 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Author]

Posts