TOPIC:

Dropdown list css question 7 months 3 weeks ago #278304

  • Topic Author
  • cvrak
  • Offline
  • New Member
  • New Member
  • Registered
  • Posts: 15
  • Thanks: 0
Hi Mirko,
yes its works, I changed the color of the labels.
Is it possible to change the background and the font color of the Optgroups? (see the attached pic)

Thanks

Mirec wrote: Hi,


Hi,

Here is a solution for add background color:
Go to Form properties > Advanced> More options. Then go to Form pieces and in the Before form select Custom.

Then in the code area below put the following code:

echo '
<style>
option {
    background-color: black !important;
}
</style>
';


For a change in the label color of the select list, I need to check it

Let me know, whether this works for the background color

Regards,
Mirko

Attachments:

Please Log in or Create an account to join the conversation.

Dropdown list css question 7 months 3 weeks ago #278305

  • Mirec's Avatar
  • Mirec
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 3262
  • Thanks: 163
HI,


I need to check that, I will let you know when I figure out how to do it

Please, give me a little time, because I'm mega busy

If you have more questions, feel free to ask!


Regards,
Mirko

Please Log in or Create an account to join the conversation.

Dropdown list css question 7 months 3 weeks ago #278306

  • Topic Author
  • cvrak
  • Offline
  • New Member
  • New Member
  • Registered
  • Posts: 15
  • Thanks: 0
No problem Mirko!
Thanks for your help!

Mirec wrote: HI,


I need to check that, I will let you know when I figure out how to do it

Please, give me a little time, because I'm mega busy

If you have more questions, feel free to ask!


Regards,
Mirko

Please Log in or Create an account to join the conversation.

Dropdown list css question 7 months 3 weeks ago #278307

  • Mirec's Avatar
  • Mirec
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 3262
  • Thanks: 163
:)

Please Log in or Create an account to join the conversation.

Dropdown list css question 7 months 2 weeks ago #278437

  • Mirec's Avatar
  • Mirec
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 3262
  • Thanks: 163
Hi,


sorry for your waiting for this solution, how do paint each optgroup in the different colors the solution is below :

when you create optgroup please go to the Advanced of the FORM ->More Options->Form Pieces and select Before Form and click to the custom code and insert the code below:
echo '
<style>

optgroup[label="First Optgroup"]
{
background-color:black;
color: red;
}


optgroup[label="Second Optgroup"]
{
background-color:black;

color: blue;
}

</style>

';

In this part of the code

optgroup[label="First Optgroup"]

instead "First Optgroup" insert the name of your optgroup.

Adjust the color of the label of text and background based on your wish.




I hope that this solution is well for you!

If you have more questions, feel free to ask!

Regards,
Mirko
Attachments:

Please Log in or Create an account to join the conversation.

Last edit: Post by Mirec.

Dropdown list css question 4 months 2 weeks ago #281296

  • Jack_dayton
  • Offline
  • New Member
  • New Member
  • Registered
  • Posts: 1
  • Thanks: 0
Thanks for this information.
Regards.
Jack.

Please Log in or Create an account to join the conversation.

Time to create page: 0.086 seconds

Support Chat

Join our Discord chat and enter the Crosstec channels for live-support, chat forums and interact directly with the community!

After joining, please enter the Crosstec Area and use the #crosstec-support or #crosstec-general channels.

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Subscribe to news and updates!

Special Offer

Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!

Live Support Chat Opened!

Join our Discord chat here and enter the Crosstec channels to receive live support and talk directly to the team!