So first of i have two problems as shown in the screenshot.
The first is regarding the gold line when i click one of the Contact Form 7 boxes. I do no want this at all, But i cannot seem to find it anywhere. Is it possible to just change numbers in the inspect mode, or only with additional CSS? If only possible with CSS, i would like to know how!
The second is regarding the horizontal lines you can see under the text. I copied the text, so I think that is the issue, and i could probably solve it easily. However, I want to understand and know why this happen and how to solve this or similar matters. When in inspect mode i cannot seem to find the line at all.
I hope I have been clear. An answer with screenshot would be great!
Thanks andrew. It worked, but i have right now the color just gets darker than it was. I want there to be no effect in the animated underline, when somebody click on it.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi!
So first of i have two problems as shown in the screenshot.
The first is regarding the gold line when i click one of the Contact Form 7 boxes. I do no want this at all, But i cannot seem to find it anywhere. Is it possible to just change numbers in the inspect mode, or only with additional CSS? If only possible with CSS, i would like to know how!
The second is regarding the horizontal lines you can see under the text. I copied the text, so I think that is the issue, and i could probably solve it easily. However, I want to understand and know why this happen and how to solve this or similar matters. When in inspect mode i cannot seem to find the line at all.
I hope I have been clear. An answer with screenshot would be great!
Hi,
You can try the following custom css in the page settings to change the border color once you focus on the form inputs.
body .wpcf7 .wpcf7-form-control-wrap .wpcf7-form-control:focus{ border-color: #999 !important; }For the second issue not seeing any text on your page.
Regards
Thanks andrew. It worked, but i have right now the color just gets darker than it was. I want there to be no effect in the animated underline, when somebody click on it.
Is this possible?
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
body[data-form-style="minimal"] input[type=text]:focus, body[data-form-style="minimal"] textarea:focus, body[data-form-style="minimal"] input[type=email]:focus, body[data-form-style="minimal"] input[type=search]:focus, body[data-form-style="minimal"] input[type=password]:focus, body[data-form-style="minimal"] input[type=tel]:focus, body[data-form-style="minimal"] input[type=url]:focus, body[data-form-style="minimal"] input[type=date]:focus, .single-product .product[data-gallery-style="left_thumb_sticky"] .product-thumbs .flickity-slider .thumb.is-nav-selected img, .single-product:not(.mobile) .product[data-gallery-style="left_thumb_sticky"] .product-thumbs .thumb a.active img{ border-color: transparent !important; }Thanks
ThemeNectar Support Team