Change font color in field on form generated by Form Builder

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

CRM
e-Commerce
Księgowość
Zapasy
PoS
Project
MRP

All apps

Wszystkie posty Osoby Odznaki

Tagi (Zobacz wszystko)

odoo accounting v14 pos v15

O tym forum

Pomoc

Change font color in field on form generated by Form Builder

formbuilder

4 Odpowiedzi

7714 Widoki

Leon Curchack

We have a contact form on our website. The font color is a pale orange. How do I change that. The usual Customize Theme fonts and options did not do it. Please note we are on Odoo Online so a custom app won't help us.

Paresh Wagh

Which theme are you using?

Leon Curchack

Autor

Bistro

Leon Curchack

Autor

Bistro.

Pinal Timbadiya

Najlepsza odpowiedź

Hello Leon Curchack,

You can change this pale orange font color to other font color using custom css on your module.

For ex.

<input type="text" placeholder="Your Name" class="form-control o_website_form_input" name="contact_name" id="name">

#name::-webkit-input-placeholder{
color : yourcustomcolor;
}
#name::-ms-input-placeholder{
color : yourcustomcolor;
}

Pinal Timbadiya

Hello Leon Curchack,

If this answer is helpful to you please upvote this answer.

Leon Curchack

Autor

I chose a color #134C89 and put this text into the CSS called user_custom_rules.

#name::-webkit-input-placeholder{

color : #134C89;

}

#name::-ms-input-placeholder{

color : #134C89;

}

I saved and refreshed but there was no change to the pale orange color. Let me know if I put it in the right place. Thanks.

Pinal Timbadiya

Hello Leon Curchack,

I think you should add css like

#name::-webkit-input-placeholder{

color : #134C89 !important;

}

#name::-ms-input-placeholder{

color : #134C89 !important;

}

Thanks,

Leon Curchack

Autor

Sorry Pinal, I made the change as you suggested but still no difference. Thanks again for trying.

Pinal Timbadiya

hello Leon ,

Please can you share your HTML code of your form?Then i will give you more efficient answer to your question.

Leon Curchack

Autor

<!DOCTYPE html>

<head>

<title> Contact Us | Shabbat of a Lifetime </title>

var odoo = {

csrf_token: "1ff780f145904c74c80de17d6624af4851705ed0o",

debug: "",

};

</script>

odoo.session_info = {"is_admin": false, "is_system": false, "is_website_user": true, "user_id": false, "is_frontend": true, "translationURL": "/website/translations", "cache_hashes": {"translations": "05071fb879321bf01f941f60fab1f126f565cdad"}};

</script>

.o_animate {

/* If no js - force elements rendering */

visibility:visible;

/* If browser support css animations support - reset animation */

-webkit-animation-name: none-dummy;

animation-name: none-dummy;

}

</style>

</noscript>

</head>

</a>

</li>

<a href="/contactus"><i class="fa fa-envelope fa-1x"></i>Contact</a>

</li>

<a href="/contactus" data-original-title="" title="" aria-describedby="tooltip818134"><i class="fa fa-1x fa-map-marker"></i>Contact Us</a>

</li>

</li>

<a href="mailto:bookings@shabbatofalifetime.com">bookings@shabbatofalifetime.com</a>

</li>

</ul>

</a>

</a>

</div>

</button>

English (US)

</a>

עִבְרִי

</a>

</div>

</li>

</ul>

</div>

</nav>

</a>

</button>

</a>

</li>

</a>

</li>

<span>Contact us</span>

</a>

</li>

My Cart <sup class="my_cart_quantity badge badge-primary" data-order-id=""></sup>

</a>

</li>

</a>

</li>

</ul>

</div>

</nav>

</header>

<main>

<h1>Contact us</h1>

</div>

</section>

</div>

<p>

We'll do our best to get back to you as soon as possible.

</p>

</div>

</section>

</div>

</div>

<label class="col-lg-3 col-md-4 col-form-label o_fake_editable" for="phone">Phone Number</label>

</div>

<label class="col-lg-3 col-md-4 col-form-label o_fake_editable" for="email_from">Email</label>

</div>

<label class="col-lg-3 col-md-4 col-form-label o_fake_editable" for="partner_name">Your Company</label>

</div>

<label class="col-lg-3 col-md-4 col-form-label o_fake_editable" for="name">Subject</label>

</div>

<label class="col-lg-3 col-md-4 col-form-label o_fake_editable" for="description">Your Question</label>

</div>

</div>

</form>

</div>

<div>

<div>

<span itemprop="name">Unforgettable Israel Ltd</span>

</div>

<div class="w-100" itemprop="streetAddress">רח' נסים בכר 38, דירה 1<br/>ירושלים 94509<br/>Israel</div>

</div>

<div><i class="fa fa-envelope fa-fw" role="img" aria-label="Email" title="Email"></i> <span itemprop="email">bookings@shabbatofalifetime.com</span></div>

</div>

<div>

</div>

</address>

</div>

</address>

</div>

</div>

</main>

<h5>Our Products & Services</h5>

<li>

</li>

</ul>

</div>

<h5>Connect with us</h5>

<li>

<a href="/contactus" data-original-title="" title="" aria-describedby="tooltip761568">Contact us</a>

</li>

<li>

<span>bookings@shabbatofalifetime.com</span>

</li>

</ul>

</div>

<h5>

<span>Unforgettable Israel Ltd</span>

<small> - <a href="/aboutus">About us</a></small>

</h5>

<p>At Shabbat of a Lifetime, we connect, inspire and feed people to enhance their connection to Israel and Jewish understanding specifically around an authentic Shabbat experience<br/></p>

</div>

</section>

</div>

<span>English (US)</span>

</button>

English (US)

</a>

עִבְרִי

</a>

</div>

</li>

</ul>

</div>

</div>

</a>

The #1 <a target="_blank" href="http://www.odoo.com/page/e-commerce?utm_source=db&utm_medium=website">Open Source eCommerce</a>

</div>

</footer>

</div>

window.addEventListener('load', function () {

odoo.define('im_livechat.livesupport', function (require) {

});

</script>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-172150198-1'.trim(), 'auto');

ga('send','pageview');

</script>

</body>

</html>

Pinal Timbadiya

Hello Leon,

I gave you an example to add your class in CSS. But it's ok Now you will try this. I hope this answer is helpful to you. Let me know if my answer is helpful for your need.

input.form-control.o_website_form_input::-webkit-input-placeholder{

color : #134C89 !important;

}

input.form-control.o_website_form_input::-ms-input-placeholder{

color : #134C89 !important;

}

Thanks,

Leon Curchack

Autor

Again, sorry no change. I appreciate all the time you've taken to help solve this. If you'l like to send your email address to curchack@gmail.com and I'll set up a quick remote session. I'm sure this can be solved in just a couple of minutes.

Pinal Timbadiya

Hello Leon,

I am sure this answer is helpful to you.

.form-control{ color : #134C89 !important; }

Thanks,

Leon Curchack

Autor

This worked! Thank you so much for your help.

Podoba Ci się ta dyskusja? Dołącz do niej!

Stwórz konto dzisiaj, aby cieszyć się ekskluzywnymi funkcjami i wchodzić w interakcje z naszą wspaniałą społecznością!

Zarejestruj się

Powiązane posty	Odpowiedzi	Widoki
How to add a dropdown list in form builder Odoo 14 Rozwiązane v14 formbuilder	1 mar 23	2820
A sales order field in the web shop webmodule formbuilder	0 lip 22	1146
Odoo 13CE Forum Builder HTML to pull in info from visible field to invisible field website_builder formbuilder	0 cze 21	87
Create a material request form purchase_order formbuilder v17	3 mar 24	2129
How to create a action for the form builder on website action sendmail formbuilder	1 gru 20	2935

To pytanie dostało ostrzeżenie

Podoba Ci się ta dyskusja? Dołącz do niej!