How to change styling?

Ajax Contact and Ajax Recommend try to inherit most of your templates style, however if you need to change something you have to edit the Ajax Contact's CSS file located at:

  • Ajax Contact: [Path to Joomla]/modules/mod_ajax_contact/css/style.css
  • Ajax Recommend: [Path to Joomla]/modules/mod_ajax_recommend/css/style.css

Some examples:

//change input box
.ideal-ajax-module input.inputbox{font-size:100%;color:#808080;border:1px solid #F0F0EE;}
//Change label
.ideal-ajax-module label{font-size:120%;font-weight:bolder;}

Red triangle for required fields:

If you want to change the color of the required image (red triangle) you have to edit [Joomla]/modules/mod_ajax_contact/images/required_bg.gif. in this case, you might also want to change the color of the invalid class.

If you want to remove it, just find the .required rule and change for this:

.required{background: none !important}

Changing the  "xx characters left"

#limit-character-container{font-size:90%}

 

Recommend to a friend

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback