Widget text appearing justified

OK so just take a look at the screen shot because I had spaces in between words in my text example but it put it all together (as it should appear) so my example was pretty pointless in giving since it doesn’t seem to be appearing like I wanted it to appear above… so just disregard that text example and again see the screen shot… Thanks…

This sounds like a CSS issue, does it happen also with twenty twelve theme?
Anyway, the solution is to try to override the CSS directive that’s justifying the text. You could try to change your theme or create a child theme https://support.time.ly/creating-a-child-theme/

This is a very active website for my client honestly and changing the theme would not be a good idea whatsoever… unfortunately. Where in CSS should I be looking, I have taken a look in the past but that’s over my head in SOME ways, I never studied CSS much unlike everything else.. I was hoping it would be a quick fix in some way, as I am trying to fix this without charging them for my time as it is something they have asked about for some time I just didn’t have an answer or solution of my own.. I do believe it is a child theme already so if I have that down, what suggested edit are you thinking I should try?

thanks.

i can take a look and if i find a fix in 10 seconds i can help you, otherwise this falls into Pro support ( we can’t support free users on this otherwise we never finish ). What’s the page of the calendar?

The website is: https://huberheightschamber.com

And thanks by the way for taking a look at it!

The whole body has the text justified

body {
color: #000000;
text-align: justify;
}

This is horrible. You must style the class ai1ec-event-title to override this.

.ai1ec-event-title {
text-align: left;
}

Try with a child theme or adding the override at the end of your css files.

I tried several variations and even the child theme. It doesn’t seem to change anything that I can notice. I ended up spending way more time on it than I wanted (few hours) and only made things worse site-wide when trying different variations of placing the code and other changes. At one point it did seem to work but then it messed up the rest of the page for some reason, specifically the top page navigation bar, it turned everything into vertical links overlapping the rest of the top of the page / header area.

Not resolved?

As i said, this is a theme problem. Did you recreate the css going to the theme options page?I can’t provide any more advice than this, you can try to get help on stackoverflow