I am trying to style the form widget and nearly there. However the “padding” is not working for above the H3, works on Left, Right & bottom.
Note space above the “Contact Us” fields is not getting altered. Page made private
I am using this CSS
.textwidget h3 {font-size: 20px; background:grey; color: white;
margin-left:-5px; margin-right:-5px; padding:5px; }
#top fieldset {margin-bottom: 2px; }
#top .avia_ajax_form { border-style: solid; border-width: 1px; padding: 5px;
padding-top: 0px; padding-bottom: 0px; !important; }
.avia_ajax_form label {margin-top: -12px; margin-bottom: 0px; !important; }
.avia_ajax_form textarea { height: 15px; margin-bottom: -15px !important; }
.avia_ajax_form .text_input{ text-align: left; }
.avia_ajax_form .button {padding: 5px; border-radius: 3px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: bold; font-size: 14px; }
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area{
width:98%; display:inline; border-radius: 2px; margin: 0px; padding: 0px;
}
Hi Denis!
Try using !important:
.textwidget h3 {font-size: 20px; background:grey; color: white;
margin-left:-5px; margin-right:-5px; padding:5px !important; }
Regards,
Josue
Yes that worked, Lesson learnt. Thanks, Denis
You are welcome, always glad to help :)
Regards,
Josue