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

客戶關係
e-Commerce
會計
庫存
PoS
專案管理
MRP

All apps

所有帖文人獎章

標籤（查看所有）

odoo accounting v14 pos v15

關於此討論區

支援

Change font color in field on form generated by Form Builder

formbuilder

4 回覆

8310 瀏覽次數

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

作者

Bistro

Leon Curchack

作者

Bistro.

Pinal Timbadiya

最佳答案

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

作者

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

作者

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

作者

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

作者

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

作者

This worked! Thank you so much for your help.

喜歡這則討論？不要只閱讀，加入發表意見吧！

今天就建立帳戶，享受獨家功能，與我們精彩的社群互動！

註冊

相關帖文	回覆	瀏覽次數
How to add a dropdown list in form builder Odoo 14 已解決 v14 formbuilder	1 3月 23	3597
A sales order field in the web shop webmodule formbuilder	0 7月 22	1146
Odoo 13CE Forum Builder HTML to pull in info from visible field to invisible field website_builder formbuilder	0 6月 21	87
Create a material request form purchase_order formbuilder v17	3 3月 24	3373
How to create a action for the form builder on website action sendmail formbuilder	1 12月 20	3607

此問題已被標幟

喜歡這則討論？不要只閱讀，加入發表意見吧！