Help with formatting Ajax Contact

Hi - I LOVE your module (because I am new at this, it was easy, and it works!) Thanks!

Can you help me with what I need to do to change some of the styling and formatting of Ajax Contact?

If you look at one of the pages on my website (or the attached file) for example:

smartlaunch case studies

I would like to be able to do the following:

- Make the text align on the left side with the input boxes
- make the font smaller for the message
- change the font color and possible size inside the input boxes

And are there ways to play around with the look of the title - your demo has nice little boxes around the title with a circle and an arrow (and what about color and font size of title as well?)

Anyway, I hope it is easy to give me some parameters that I can paste into the css file (I am good enough to do that).

Thanks so much
James.

Dear James,

In order to make things easier for you, Ajax Contact tries to inherit most of your template's CSS file.
Below are my suggestions to override the template's css for Ajax Contact.
Open:
www.smartlaunchinc.com/modules...jaxcontact/css/ajaxcontact.css
add:find:and replace with:
As far as the design on my demo site it is part of the template's layout and not Ajax Contact.

Have a wonderful weekend,

Thanks so much, that is much better. I was able to see your logic and change the text color in the "message" as well.

The only thing left is that I need to push the "message" box to the left to line it up with everything else (see attached image or go to any one of the web pages such as enterprise application development

Could you possibly let me know how to move it left, I couldn't figure it out in the css.

Thanks so much.

J

Dear James,

I forgot about the textarea (message field).
Open the css file, find:and replace with:
All the best,

Hi again, thanks so much for the quick response, you guys are great.

I still can't get my textarea box to line up on the left - it did not seem to move when I added your last code.

I am wondering if I have created some sort of conflict because I added my own lines (trying to mimic yours) for changing the textarea text color. here is what I added:

#ajaxcontact textarea.inputbox{
width:95%;
color: #555555;
font-size:105%;
overflow:auto}

I have attached my css file as it now stands so that you can see where I am at. Any help would be much appreciated.

J.,

Dear James,

It might be because your CSS is not valid:
jigsaw.w3.org/css-validator/va...warning=1&vextwarning=&lang=en

on line 5 you have:
width: 95
and it should have a measure (px, %, pt, cm,..) i usually recommend to set to percentage, like this:
width: 95%

Best regards,

Hi Douglas, I put the "%" sign in and the css is valid according to the link you gave me, but the testarea has not moved left... any other ideas on how to shift it? What can I try?

Thanks so much, current css attached.

J.

Dear James,

My fault.
Please find:and replace with:
Then find:and replace with:
Best regards,

It worked! Thanks so much Douglas, you have been a great help. I have just put a glowing review in the Joomla extensions directory.

Thanks again,

J.

Dear James,

I'm glad it is working as expected.

Thanks for the review.

Have a wonderful weekend,