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 Ответы

8264 Представления

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 мар. 23	3536
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	3343
How to create a action for the form builder on website action sendmail formbuilder	1 дек. 20	3544

Этот вопрос был отмечен

Не оставайтесь в стороне – присоединяйтесь к обсуждению!