-
Posts
-
Hi
How can I change the font colour of the data fields in Contact Form? There are only 3 options in colours and I would like to set a custom one. Also, is it possible to reduce the size of the input boxes and / or space between them?
Thanks
colin
Hi colinredbond!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select { color: red; } .avia_ajax_form p { margin-bottom: 0; }Cheers!
YigitHi
This did not seem to make any difference. To confirm, I added:
#top .main_color .input-text, #top .main_color input[type=’text’], #top .main_color input[type=’input’], #top .main_color input[type=’password’], #top .main_color input[type=’email’], #top .main_color input[type=’number’], #top .main_color input[type=’url’], #top .main_color input[type=’tel’], #top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select {
color: red;
}
.avia_ajax_form p { margin-bottom: 0; }Then saved / reloaded a page with contact form. It looks the same though.
Hi!
This is how it looks like on my end – http://i.imgur.com/AiXOzyH.png
Can you please flush browser cache and refresh your page a few times. If that was not the change you would like to make, please post a screenshot and show them :)Regards,
YigitAh ok I see the issue… its actually the label colour for the fields that I want to change, not the text within the boxes… Should this code also be changing the spacing between fields?
Thanks
Hi!
Please change the code to following one
#top label { color: red; } .avia_ajax_form p { margin-bottom: 0; }It should decrease the space between form elements
Regards,
YigitHi yes that did it thanks!
I have another issue with a conflict between the theme and another plugin and how it displays a page… Should I raise a new ticket for that or can you help me with this? The page is attached. The issue is caused whenever I add a full width element to the page (eg a colour section or full width slider). It then seems to mess up the formatting of this login / registration page and even when I back out the elements, it does not look right afterwards.
The plugin we are using is WP-Members
Hey!
I have added following code to Functions.php file in Appearance > Editor
function add_custom_wplogin(){ ?> <script> jQuery(window).ready(function(){ jQuery('#wpmem_login, #wpmem_reg').wrap('<div class="main_color container_wrap_first container_wrap fullsize"><div class="container"></div></div>'); }); </script> <?php } add_action('wp_footer', 'add_custom_wplogin');and then added following code to Quick CSS
#wpmem_reg, #wpmem_login { padding: 50px 0; }Please review your website now.
Cheers!
YigitHi
Great thanks. It looks like its almost there, just one thing looks a bit out.. this text appears along the top bar and still seems to be scrunched over to the side. Not sure if this is from the same effect or as designed in the other plugin?
“This content is restricted to Redhill Archers members. If you are an existing user, please log in. New users may register below.”
- You must be logged in to reply to this topic.