Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #628960

    I have several minor questions with the theme.

    1. I removed borders which caused the contact form to no longer have borders on the fields. I added the following custom css: .avia_ajax_form input, .avia_ajax_form textarea { border: 1px solid #e1e1e1!important;}
    I no longer have the fields or boxes highlighted when I hit enter without filling in the fields.

    2. I would like to leave the social media icons on the left sidebar men but would like them to be closer together and highlight smaller like the social media icons at the top of this forum.

    Thank you.
    Diane

    #629691

    Hi Diane,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #629939

    The admin login information is provided in the private content. When I add this custom css, the contact form border are visible but the error highlighting does not happen. .avia_ajax_form input, .avia_ajax_form textarea { border: 1px solid #e1e1e1!important;}

    #630488

    Hi,

    Not sure why but I think it’s because you are using important!, could you try it without?

    Best regards,
    Rikard

    #630747

    Without the important, I get no contact page borders. I do get the error message (fields not filled in) orange borders though.

    So, removing the important did not work.

    #631399

    Hi,

    Please post password here once again and post a screenshot showing the issue you are having. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    #631412

    The issue is this:
    1. I removed borders for entire theme – made them white
    2. This obviously removed the input borders in the contact form
    3. I added the following custom css: .avia_ajax_form input, .avia_ajax_form textarea { border: 1px solid #e1e1e1!important;}
    4. This now highlights the input fields in light grey but when hitting enter without filling in the fields, there is no longer any error highlighting.
    5. I am currently modifying the css to play around with other options.
    6. A screen shot doesn’t really show anything. Either no input borders, with error borders OR input borders with no error borders.

    7. I also had a question about the social icons on the left side menu not being so spread out. That is on the original post.

    • This reply was modified 8 years, 6 months ago by dibooth. Reason: updated password
    #632069

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
    #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
        border: 1px solid #DF653E!important;
    }
    .html_header_sidebar #top #header .social_bookmarks li a, .html_header_sidebar #top #header .social_bookmarks li {
        width: 40px;
        float: left;
    }
    

    Best regards,
    Yigit

    #632087

    The contact form CSS works perfectly! Thank you.

    Any way to center social icons with the smaller spacing, rather than float left. This css code puts the icons to the left of the menu bar.

    #632094

    Hi!

    I added following code to style.css file of your child theme in Appearance > Editor

    .html_header_sidebar #top #header .social_bookmarks li a, .html_header_sidebar #top #header .social_bookmarks li {
        width: 40px;
        float: left;
    }
    .html_header_sidebar #top #header .social_bookmarks { 
    width: auto; 
    margin: auto;
    }

    Please review your website now

    Best regards,
    Yigit

    #658543

    Just reviewing my open items. This one is all set! Thank you for all of your help. You can close this.

    Thanks,
    Diane

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Borders on contact form & social media spacing’ is closed to new replies.