Customize form on specific page

Site URL: https://luxuryelements.design/contact

Hello everyone,

I have two forms, one on the Contact Us page, and one in the footer. I've added custom css so that the footer's form input text is white, however, that also affected the form on the Contact Us page. How can I edit JUST the form in the Contact Us page so that the input text is black?

Thanks!

Which code did you use?

@tuanphan this is what I have in my CSS right now:

.form-wrapper input {
 width: 375px;
 height: 2px;
 background-color:rgba(255,255,255,0) !important;
 color: #fff !important;
}
 

Edit above code to this

footer.Footer .form-wrapper input {
 width: 375px;
 height: 2px;
 background-color:rgba(255,255,255,0) !important;
 color: #fff !important;
}

@tuanphan thank you! that worked perfectly. 

On 11/20/2020 at 10:14 AM, crnangyn said:

@tuanphan thank you! that worked perfectly. 

Do you want to adjust width of some columns on tablet footer?

Hey Crnangyn, You asked good question. I was also looking for a solution to this question. I have also got an answer because of your question. So So Thanks!

7 hours ago, tuanphan said:

Do you want to adjust width of some columns on tablet footer?

Oooh yes, please! I’ve been optimizing for tablet, but it looks more squished on your screen than on mine.

39 minutes ago, niaziinnocent said:

Hey Crnangyn, You asked good question. I was also looking for a solution to this question. I have also got an answer because of your question. So So Thanks!

Of course! I’m glad you found it helpful!