Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #287794

    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;
    }

    #287812

    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

    #287822

    Yes that worked, Lesson learnt. Thanks, Denis

    #287824

    You are welcome, always glad to help :)

    Regards,
    Josue

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.