Jump to content

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

Recommended Posts

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;



Edited by kellijayne
Link to comment
  • 2 years later...
On 8/10/2023 at 5:10 AM, hostyle01 said:


I am having trouble making any changes to my form with this code, besides the button. I'm sure it's worked for me previously, if anyone could have a look that would be great, thanks,

https://celery-coyote-65h5.squarespace.com/ p.word: apf


Disable this update then use code again


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

Create an account or sign in to comment

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

  • 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.