Excluding centering for status.lol text in CSS

Now Page
1

How can I make so that the status in my now page wouldn’t be centered? It’s centered because I added this additional CSS content in Web page:

#now {margin-top: 4em;}
#now h3 {text-align: center;}
#now ul.fa-ul {margin: 0 0 4em 0; text-align: center;}
#now span.fa-li {position: initial; padding-right: .75em;}
#now p {text-align: center;}

So I thought I need just to input here something that will exclude centering for status.lol card. But I don’t know what to. Or it’s something else needed to achieve that.
All help is appreciated :slightly_smiling_face:

1 Like
2

This should work:

#bio {
  text-align: left;
}

If that doesn’t work, you can try this:

#bio {
  text-align: left !important;
}

Since omg.lol profile page bios are rendered in a <div> with an ID of bio, you can target just that chunk of text and style it however you wish. Let me know if neither of these work or if you have any other issues/questions though!

3

Thank you for your suggestion, while writing a reply I noticed that you were talking about a profile page, and not /now page (correct me if I’m wrong). So it didn’t work. Further help would be appreciated.

1 Like
4

I tried adding this to the end of your CSS and it seems to work? It’s super specified so hopefully it should have no side effects

#now .statuslol_content p {text-align: left;}
2 Likes
5

It worked! Thanks a bunch :smile:

2 Likes