• 0
Sign in to follow this  
Followers 0

Links Hover my css being ignored


Question

Posted · Report post

I am trying to create a link on a page but my CSS hover and focus are not working.
They seem to be overwritten by another rule (which is #fff..white)

I have done the exact same html/css on other pages and it worked fine.

 

The page is...http://website-design-vancouver.ca/approach/

 

The links are in the first paragraph,....

 

Triggerfish responsive websites have built in online marketing and lead generation systems
The end result is you get more quality leads that you can convert to customers.
A number of different plans and options are available… get more info »

 

The CSS for this is ...

.trig-link,
.trig-link a {
color: #ff6123;
}
 
.trig-link a:hover,
.trig-link a:focus {
color: #0069DD!important;
}

Share this post


Link to post
Share on other sites

1 answer to this question

  • 0

Posted · Report post

Hi,

 

Your custom CSS isn't correct, there is no need to have a in the code, as the class is being loaded in an a class.

 

So instead your custom CSS should use the following:

 

.trig-link:hover, .trig-link:focus {
color: #F00;
}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0