Jump to content

itslibbyjames

Member
  • Posts

    3
  • Joined

  • Last visited

Everything posted by itslibbyjames

  1. Site URL: http://www.sauseofsound.com/contact I am having an issue where I have styled my contact form and newsletter to be a single line for each field. However, if you look closely there is a little edge that curves up at both the right and left borders of the bottom line. I would like this to go away. I am using 7.1. here is the code I am using: .field-list .field-element{ border-color: none !important; border-bottom: solid 1px #615348 !important; border-left: none !important; border-right: none !important; border-top: none !important; background-color: transparent !important; } .field-list select:focus{ outline-color: #000000 !important; } .field-list .section{ border-color: #000000 !important;} *:focus { outline: none !important; } input[type=checkbox]:after{width:15px; height:15px; top:0!important; left:-1px; position:relative; background-color:#fff; content:''; display:inline-block; visibility:visible; border:1px solid#50BDB8} input[type=checkbox]:checked:after{width:15px; height:15px; top:0!important; left:-1px; position:relative; background-color:#50BDB8; content:' ✔ '; text-align:center; color:#fff; font-size:8px; display:inline-block; visibility:visible; border:1px solid #50BDB8} .form-wrapper .field-list .field select{bordertop: none!important; border-left:none!important; border-right:none!important; borderbottom: 1px solid #615348!important; background-color: transparent !important; color: #615348!important; color:#615348!important} .form-wrapper .field-list .section.underline {border-bottom:2px solid #50BDB8!important}
  2. in case anyone else runs into this, this is how i solved it– *:focus { outline: none !important; }
  3. 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
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.