Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Brine 7.0 Customizing a Form Block - This is brilliant CSS code but need 1 adjustment


kellijayne

Question

Site URL: https://calcoastlegalservices.squarespace.com

I'm using 7.0 Brine template
URL: https://calcoastlegalservices.squarespace.com/
PW: calcoast

Check out the example image example attached.
The FORM has a white border, I would like to remove that border so it's just the blue background to the edge

I tried adding to the .form-block (and other sections) but it doesn't work
padding-top: 0px;
padding-bottom: 0px;
padding-right:  0px;
padding-left: 0px;

 

Below is the CSS I used, its fantastic!

-----------------------------------

.form-block { 
/* block background color */  background-color: #ffffff;
  
/* text color */ color: #ffffff; 
}
.form-wrapper input[type="submit"] {
background-color: #08546c;
}

/*Styling the form fields*/
.form-block .field-element {
background: #fff !important;
border: none !important;
border-bottom: 1px solid #08546c !important;
}

/*Styling field titles*/
.form-block .title {
text-transform: uppercase;
font-size: 20px;
font-weight: normal;
letter-spacing: .05em;
}

/*Styling the smaller titles*/
.form-block .caption-text {
color: #fff;
font-size: 15px;
}

/*Styling the radio button options*/
.form-block .option label {
//font-style: italic;
font-size: 20px;
}

/*Styling the form container*/
.form-wrapper {
background: #08546c;
padding: 40px;
border-top: 1px solid #08546c;
border-bottom: 1px solid #08546c;
}

-----------------------------------

form.jpg

Edited by kellijayne
typo
Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

I sent code to fix that =]]

I am not seeing a white border on that form.

Posted Images

2 answers to this question

Recommended Posts

  • 0
7 hours ago, creedon said:

I am not seeing a white border on that form.

I sent code to fix that =]]

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...