Change the highlight and font color of the hover

  • camacor
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 40
  • Thank you received: 0

camacor created the topic: Change the highlight and font color of the hover

Hi! I recently changed the background color of my website in joomla, and now I want to change the color highlight (it's yellow) and the font color of each field of the form when you put the cursor on them (a kind of hover?)
It's that possible?
You can see it in my page:
This message contains confidential information


Thank you!

Best regards.
#233222
  • Posts: 1965
  • Karma: 67
  • Thank you received: 238

mihaela replied the topic: Change the highlight and font color of the hover

Hello,

You can easily change the color highlight by going to form's Advanced properties. Scroll down and you will see a field named Rollover color. Just put there the color that you wish to have on hover.
In case you want to remove it, just uncheck the Rollover checkbox.

As for the font color, you can try to use the following solution.
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>
.bfQuickMode .bfLabelLeft label:hover {
    color: red !important;
}

</style>
';
That will change the label color to red on hover.

You can add here more css code if needed.

Let me know whether this helped.

Regards,

Mihaela
#233232
  • camacor
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 40
  • Thank you received: 0

camacor replied the topic: Change the highlight and font color of the hover

Hi! thank you for your answer but I don't have the Rollover checkbox at my form's advaced properties. Maybe because I don't have BreezingForms Pro?

Best regards,

Carol
#233249
  • williamjoseph_lpa123
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 2
  • Thank you received: 0

williamjoseph_lpa123 replied the topic: Change the highlight and font color of the hover

You just have to follow the steps given below in order to change the highlight and font color of the hover:-
1-Go to Form properties
2-Click on Advanced
3-Select More options
4-In the "More" you can easily find out how to change the font color.
#233276
  • Posts: 1965
  • Karma: 67
  • Thank you received: 238

mihaela replied the topic: Change the highlight and font color of the hover

Hello,

Which BreezingForms version are you using?
Please try to update BreezingForms and see whether this option appears.

Theme engine should be set to "BreezingForms" and you should see this setting as in the picture:


If you don't see it after the update it can also be solved with this piece of code in Before From pieces:
echo '
<style>
.bfQuickMode section.bfElemWrap {
    background: rgba(0,0,0,0) !important;
}
</style>
';

Let me know whether this helped.

Regards,

Mihaela
#233294
Attachments:
The following user(s) said Thank You: camacor
  • camacor
  • Topic Author
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Posts: 40
  • Thank you received: 0

camacor replied the topic: Change the highlight and font color of the hover

Hi! It was on "Bootstrap", it works now. Thank you very much!!


Best regards,

carol
#233307
Moderators: ForumSupporttomeperica
Time to create page: 0.185 seconds

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99€

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

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!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here