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

ลูกค้าสัมพันธ์
e-Commerce
ระบบบัญชี
สินค้าคงคลัง
PoS
โปรเจกต์
MRP

All apps

All Posts คน เหรียญรางวัล

แท็ก (View all)

odoo accounting v14 pos v15

เกี่ยวกับฟอรั่มนี้

ช่วยเหลือ

Change font color in field on form generated by Form Builder

formbuilder

4 ตอบกลับ

8251 มุมมอง

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.

สนุกกับการพูดคุยนี้ใช่ไหม? เข้าร่วมเลย!

สร้างบัญชีวันนี้เพื่อเพลิดเพลินไปกับฟีเจอร์พิเศษและมีส่วนร่วมกับคอมมูนิตี้ที่ยอดเยี่ยมของเรา!

ลงชื่อ

Related Posts	ตอบกลับ	มุมมอง
How to add a dropdown list in form builder Odoo 14 แก้ไขแล้ว v14 formbuilder	1 มี.ค. 23	3522
A sales order field in the web shop webmodule formbuilder	0 ก.ค. 22	1146
Odoo 13CE Forum Builder HTML to pull in info from visible field to invisible field website_builder formbuilder	0 มิ.ย. 21	87
Create a material request form purchase_order formbuilder v17	3 มี.ค. 24	3330
How to create a action for the form builder on website action sendmail formbuilder	1 ธ.ค. 20	3526

คำถามนี้ถูกตั้งค่าสถานะ

สนุกกับการพูดคุยนี้ใช่ไหม? เข้าร่วมเลย!