How to align small message text to the left

Ze

Zelda 18 Jan, 2013

Hi,

Great new version! 😀

We have v4 on Joomla 3.0 with Joomlart University template. Works really fine, but the small messages (Instruction for users) I haven't figured out how to align left. Something should be changed in the frontforms_tight.css file in this code, right?

.small-message, .error-message { line-height: 18px; margin: 4px 0 0 155px; font-size: 11px; display: block; clear: both;}
.small-message { color: #999999; font-style: italic; }
.error-message { color: red;}
.required input { border-color: #cccccc; background-color: #f9f9f9;}
.form-error { background-color: #fff4f4; border: 1px solid #ffd4d4;}

Would be much grateful for help with this! 😀

Gr

GreyHead 18 Jan, 2013

Hi Zelda,

Please post a link to the form so I can take a quick look.

Bob

Ze

Zelda 18 Jan, 2013

Hi,

Unfortunately it is under production, so it is not live yet. I will attach a screenshot if that helps.

Thanks!

Gr

GreyHead 18 Jan, 2013

Hi Zelda,

I think that you probably need to set something like this to a Load CSS action in the form:

.small-message, .error-message {
  margin-left: 0px; 
}

Bob

Ze

Zelda 18 Jan, 2013

Yes! Perfect. Thank you very much! 😀

Forums

How to align small message text to the left