itslibbyjames Posted April 28, 2021 Share Posted April 28, 2021 Site URL: http://www.sauseofsound.com/contact I am having an issue in 7.1 where I am trying to achieve a simple underlined contact form, except when you click on each field to type, there is a bounding box that appears (see picture). I can't figure out how to get rid of this. Anyone else run into this or have solutions? This is the code that I am using– .form-wrapper .field-list .field .field-element{border-top:none!important; borderleft: none!important; border-right:none!important; border-bottom:2px solid #615348!important; background-color:transparent!important; color:#615348!important Link to comment
itslibbyjames Posted April 28, 2021 Author Share Posted April 28, 2021 in case anyone else runs into this, this is how i solved it– *:focus { outline: none !important; } Link to comment
tuanphan Posted April 29, 2021 Share Posted April 29, 2021 Add this code to Design > Custom CSS /* form block outline */ .form-block *:focus { outline-color: transparent !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.