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

Change Contact form in 7.1?


mportch

Question

  • Answers 10
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

10 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

.field-element {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

 

Link to post
  • 0

Hi,

I have changed my contact form (image attached) using the code below. 

The visitor text inside the boxes are of different sizes. I am only able to modify the size of the text in the 'Email', 'Subject' and 'Message' box but not the text in the 'First Name' and 'Second Name' box. On the contrary, I was able to change the color to red for all text inside all boxes.

why is that happening? anyone can help? 

.form-wrapper .field-list .field .field-element{
  border:none;
  border-bottom: 2px solid;
  border-color: #fff;
  background: #000000;  
}
.form-wrapper .field-list .field .field-element
{
font-size: 20px;
color: #FF0000;
}

Screenshot 2021-03-13 at 12.49.15.png

Link to post
  • 0
On 3/13/2021 at 7:58 PM, vcampaner said:

Hi,

I have changed my contact form (image attached) using the code below. 

The visitor text inside the boxes are of different sizes. I am only able to modify the size of the text in the 'Email', 'Subject' and 'Message' box but not the text in the 'First Name' and 'Second Name' box. On the contrary, I was able to change the color to red for all text inside all boxes.

why is that happening? anyone can help? 

.form-wrapper .field-list .field .field-element{
  border:none;
  border-bottom: 2px solid;
  border-color: #fff;
  background: #000000;  
}
.form-wrapper .field-list .field .field-element
{
font-size: 20px;
color: #FF0000;
}

Screenshot 2021-03-13 at 12.49.15.png

Hi. Can you share link to page where you added contact form? We can check easier

Link to post
  • 0
On 4/12/2021 at 1:14 AM, vcampaner said:

Hi I just saw that you replied me. 

here is the link 

https://www.vittoriacampaner.com/contact

Hi. IT looks like you solved?

image.thumb.png.ae76dacfdbedfc4d0e099632240ed003.png

Link to post
  • 0
On 4/15/2021 at 9:34 AM, tuanphan said:

Hi. IT looks like you solved?

image.thumb.png.ae76dacfdbedfc4d0e099632240ed003.png

not really when I type my name and last name is always smaller then when I type email and subject and message. I made them all same size, but I would like all of them bigger 

 

Link to post
  • 0
On 4/20/2021 at 8:01 PM, vcampaner said:

not really when I type my name and last name is always smaller then when I type email and subject and message. I made them all same size, but I would like all of them bigger 

 

Add to Design > Custom CSS

/* form input size */
.form-wrapper .field-list .field .caption .field-element {
    font-size: 20px;
}

 

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