Hi - I'm having trouble with a:active again.
J3.3 Responsive template
www.leadbetters.co.uk/newsite/index.php/contact-pane/view/form
I want the link under the phone on the right to turn yellow when the 'phone me back page' is active and I can't hack it.
The hover is working fine.
This is the CSS I'm using

a:hover {
color: #ffb504;
font-weight:bolder;
background: none;
}

.panel ul li itemid-225 a:active {
color: #ffb504;
font-weight:bolder;
background: none;
}
Has anyone any idea what I'm doing wrong?
Thanks
Ian

Use the itemid for the page and then use the div and a tag

so something along the lines of (if I'm following right)

.itemid-225 .left a {color:#ffb504;}

Hmmm.
Tried all sorts of combinations of

.itemid-225 .panel a:active {
color: #ffb504;
font-weight:bolder;
background: none;
}

But none of them is working for me. It's not critical - just annoying
Thanks
Ian

I'm looking at it by assuming you want the colour to apply to the link on that page without an active state as you are on the page already

so this link is without a pseudo class

Cheers
Paul

Sorry Paul - you've lost me there…
Thanks
Ian

sorry long day

With the link I'm not using the active state - I'm suggested the default colour for the link when on this page is yellow

Cheers
Psul

Hi Paul - the days get longer
I'm afraid I still don't understand.
I simply need the "Please call me back" text under the phone to turn yellow (like the hover) when the page is active. Am I using the wrong terms?
Thanks
Ian

The style I'm suggesting is when people are on this page this link is that colour

Its not using the active state its the default link state
.itemid-225 .left a {color:#ffb504;}

Cheers
Paul

Ah - I see the light at last! Thanks for this.
Have you the patience to help me out with one more hover dilemma which I'm not solving?
Thanks again
Ian

I can try

Cheers
Paul

Thanks Paul.
Same site - I have grids one to four across the top.
Each one has one menu link at the top, and an image below.
When you hover over the menu item in each one it changes to red.
My client wants the same thing to happen when you hover over the image itself.
I've been hunting around on Google, but none of the links point me in the right direction…
Any ideas?
Thanks
Ian

You can't as its an image - you could do something with background images

You could try using opacity but that isn't red

.left img:hover {opacity: 0.5}

That'll do! Good thinking.
Thanks again Paul

You may want to check browser prefix for opacity - but that would depend on what you want to target

Cheers
Paul

With the site I can't see a telephone number - I'd look to add one on every page

Cheers
Paul

There was one - I've been asked to change the way it was working. I'm now back to three divs in a div for the header
Serves me right!
Thanks again,
Ian

ah good luck with it

Opacity is working fine - not sure I understand about the target?
Ian

You need to target the div img and add the hover state

Cheers

It all seems to be working so I think I've got it right...