Aligning text in Users Message Content field for Halloween Style

[imno007]

Just want to know the easiest way to align the text content in the "Users Message Content" box further to the left, closer to the haunted house image. It's too far apart by default and even further apart now that I've managed to make the image and text smaller. I've found various ways of moving the text up and down and directly below the image, and I can get the two closer by moving the image to the right, but I want to leave the image aligned all the way to the left and the text directly to the right of the image, but without so much spacing. Any help would be appreciated, thank you.

 

[Dohtheme]

Hello,

I don't recommend doing this; not all users are comfortable with centered text.
If you want to achieve this, add this code to the "Extra.less" template:

.message-content
{
    text-align: center;
}

Regards

 

[imno007]

The guest message is already centered, so that doesn't do anything. I want to move it further left - and align left in dt_guest_message_css doesn't do anything. I'm guessing the edit has to be done in the "core_dt_proprties.less" template. I'll figure something out.