Contact Form Button (Destop, Phone...)

[jaredd]

I would like my button to be a consistent color in all the optional sizes, phone, I pad. desktop… currently its correct for the desktop and then wrong for all the others. how can i make it stay as i want it?
Thanks

Candice Danford Photography | Gooyear Family Photography

[paul.r]

Hi,

Upon checking, I can see that there is a syntax error in your Custom CSS Code, preventing your CSS for the button from working.

Please change the last part of your CSS code from this.

@media(min-width:979px) {
.x-navbar .menu-item-73 {
    position: absolute;
    left: calc(50% - 56px);
}
.home header.masthead.masthead-inline {
    position: absolute;
    width: 100%;
}
/* <-- You missed a close curly bracket here */
@media ( min-width: 1024px ) {
.home .x-navbar {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.x-navbar, .x-navbar  { 
    background-color: hsla(98, 98%, 100%, 0.53)      !important;
}
} 
.wpcf7-form-control.wpcf7-submit {
    background-color: purple;
    color: white; 
    border-color: transparent;
    box-shadow: white;
}

.wpcf7-form-control.wpcf7-submit:hover {
    color: white; 
}
 .x-btn.my-btn {
      color: #ffffff;
      border-color: #ac1100;
    }

    .x-btn.my-btn:hover {
      color: #ffffff;
      border-color: #600900;
    }

to this

@media(min-width:979px) {
.x-navbar .menu-item-73 {
    position: absolute;
    left: calc(50% - 56px);
}
.home header.masthead.masthead-inline {
    position: absolute;
    width: 100%;
}
}  /* <-- I added this curly bracket */
@media ( min-width: 1024px ) {
.home .x-navbar {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.x-navbar, .x-navbar  { 
    background-color: hsla(98, 98%, 100%, 0.53)      !important;
}

} 
.wpcf7-form-control.wpcf7-submit {
    background-color: purple;
    color: white; 
    border-color: transparent;
    box-shadow: white;
}

.wpcf7-form-control.wpcf7-submit:hover {
    color: white; 
}

.x-btn.my-btn {
  color: #ffffff;
  border-color: #ac1100;
}

.x-btn.my-btn:hover {
  color: #ffffff;
  border-color: #600900;
}

Hope this helps.