[Resolved] Right Sidebar Widget – justify text

[Alana]

Hi,

I’m using the very handy right sidebar widget to create a quick “About Me” blurb with photo and I was wondering how to go about getting the text under the photo to be justified? Thanks in advance!

GeneratePress 2.2.2

[David]

Hi there,

any chance you can take down the coming soon so i can take a look?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alana]

Just did, thanks!

[David]

Hi there,

try this:

.inside-right-sidebar .wp-caption .wp-caption-text {
    text-align: justify;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alana]

I added the code you suggested like so:
(do you think this placement is proper?)

caption id=”attachment_196″ align=”alignnone” width=”300″]
.inside-right-sidebar .wp-caption .wp-caption-text {
text-align: justify;
}

[David]

That code is CSS – see:

https://docs.generatepress.com/article/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alana]

Got it! I was trying to edit the CSS in the widget directly and it wasn’t working. Using the simple CSS plugin worked, though. Thanks!

[David]

Glad to be of help

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alana]

Hey guys! I changed my About Me right sidebar image and it looks like the text is no longer justified or in line with the image. I didn’t change or remove the above code from Simple CSS so not sure what went wrong. I’d appreciate your help with this.

Thank you!

[Leo]

Try this CSS:

.sidebar #text-2 p {
    text-align: justify;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Alana]

Perfect, thanks so much Leo and have a great weekend!!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts