Hi - still struggling with css
J 3.3.6 Responsive template
www.leadbetters.co.uk/newsite/index.php/free-quote

The client has persuaded me to change the background colour of this form to the same colour as the rollover highlight colour for the form labels.
I would like to change this rollover colour, without success. I've got as far as this:

.bfElemWrap.bfLabelLeft.bfRolloverBg
{background: none repeat scroll 0% 0% rgb(249, 212m, 50);}

But it's not working for me. I've tried lots of other combinations, without hitting the right one.
Any ideas?
Thanks
Ian

Hi Ian,

Slightly confused by the first sentence
The form is displayed in an article and the article style is controlled in the custom css

If you want to change that use the body item class combined with article to add a different colour

Alternatively are we talking about the focus style when a form field is active?

e.g. the colour rgba(82,168,236,0.8);

you could have .bfQuickMode .bfLabelLeft label:hover {color: rgba(82,168,236,0.8);}

Cheers
Paul

You're confused! You've got nothing on me!!
I sometimes don't explain myself very well.
I'll sleep on it and try to do better tomorrow.
Have a good evening
Ian

No probs I'm tired today

Cheers
Paul

Hi Paul - I must have been in a right state yesterday. Brain totally addled. Hope I'm a bit clearer today…

It's the hover function I'm after on this page - and I hadn't even included the command.

I've attached a screenshot of the page as it was, and highlighted the area which changed colour on hover.
The client has now changed the background to the same colour as the hover colour.
So now I want to change the hover colour to something darker to make it show up, but I'm not getting there.

The code I'm using is this:
bfElemWrap243.bfElemWrap.bfLabelLeft.bfRolloverBg:hover
{background: none repeat scroll 0% 0% rgb(249, 212m, 50);}

But it's not working.

Any ideas?

Thanks
Ian

Its looking like the hover styling is coming from the component as the styling is inline style rather than a stylesheet

Cheers
Paul

Thanks Paul - that explains a lot.
I've checked out the components css files, but they aren't controlling it. There are a mass of PHP files in the com folder. Is there any way of identifying which one I need to look at?

You can override it

.bfElemWrap.bfLabelLeft.bfRolloverBg:hover {background: #000 !important;}

replacing #000 with your colour value and any other styling

Cheers
Paul

Gosh Paul! I actually had it right!
Thanks for that!

Almost right!

With it overriding an inline style it in most if not all cases require an important

Cheers
Paul

Thanks - I'll try to remember that…

Best wishes

Ian

My typing is terrible but you get the gist

Cheers
Paul

I wasn't being facetious - I meant it!
It must be infuriating for you guys when you get asked the same thing over and over again by the same person.
Something I have been guilty of…
Ian

Nah its alright

As long as people try their best I will do the same

Cheers
Paul