How to center 2nd line of longer tagline in Magazine Pro?

[melissamal]

I figured out how to unhide the tagline in magazine pro, but the tagline text I want to add is longer than will fit on the first line. It adds the 2nd line to the left, but centers the top tagline.

This is what I have so far to unhide the tagline, not sure what else to add to have the 2nd line of my tagline either centered too or both aligned to one side.

.site-description {
display: block;
height: 0;
margin-bottom: 0;
text-indent: 100px;

P.S. I have shortened the tagline until I figure this out. I can add it to show you.

http://www.integrativenutritionaltherapies.com

[Lauren @ OnceCoupled]

That's because there is a text-indent there. If you want it to be centered, remove the indent and add a text-align to .site-description. Depending on the length of your description, it may look better center .site-title, too.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[melissamal]

Thanks Lauren! Can you type out what the code would be for site description and title?

I'm a newbie. Thank you!!

[Lauren @ OnceCoupled]

Change this

.site-description {
     display: block;
     height: 0;
     margin-bottom: 0;
     text-indent: 100px;
}

to

.site-description {
     display: block;
     height: 0;
     margin-bottom: 0;
     text-align: center;
}

Add that same last line to your .site-title, if desired.

Cheers,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[melissamal]

Thank you so much! You guys are the best on this forum!

[Author]

Posts