Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 9, 2016 at 3:04 am #628960
    dibooth

    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

    May 10, 2016 at 7:54 am #629691
    Rikard

    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

    May 10, 2016 at 2:38 pm #629939
    dibooth

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

    May 11, 2016 at 7:45 am #630488
    Rikard

    Hi,

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

    Best regards,
    Rikard

    May 11, 2016 at 2:50 pm #630747
    dibooth

    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.

    May 12, 2016 at 2:28 pm #631399
    Yigit

    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

    May 12, 2016 at 2:54 pm #631412
    dibooth

    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
    May 13, 2016 at 2:56 pm #632069
    Yigit

    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

    May 13, 2016 at 3:21 pm #632087
    dibooth

    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.

    May 13, 2016 at 3:29 pm #632094
    Yigit

    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

    July 8, 2016 at 6:33 pm #658543
    dibooth

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

    Thanks,
    Diane

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