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

CRM
e-Commerce
회계
재고 관리
PoS
프로젝트
MRP

All apps

모든 게시물 사용자 배지

태그 (모두 보기)

odoo accounting v14 pos v15

게시판 정보

도움말

Change font color in field on form generated by Form Builder

formbuilder

4 답글

8320 화면

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	3608
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	3380
How to create a action for the form builder on website action sendmail formbuilder	1 12월 20	3614

신고된 질문입니다

토론이 재미있으신가요? 직접 참여해보세요!