• 0

DMS 2 Link hover problem

Question

Posted · Report post

Hello.

 

Does anyone else have a problem when there is an <a href=""> in the text and when you mouse over it, the hover color seems to be a tint of the color it is supposed to be?

 

I have tried to specify a hover color, but it still seems to be a tint as opposed to the full color.

This is the css i am using to specify the colors in the footer specifically.

#list_otw-sidebar-13 a {
  color:#707173;
}
#list_otw-sidebar-13 a:hover {
  color:#2d2d2d;
}

But even in the sidebar the hover seems to be a tint of the link color.

http://www.mnilifestyle.co.za/redesign/about-us/

 

Simon_P"], @[member="Danny, do you guys know how i can sort this out?

I am at a loss as to how to make the link color display as i want it to.

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Change the hover state to:

#list_otw-sidebar-13 a:hover {
  color:#2d2d2d;
  opacity: 1.0;
}

The color was fine but default hover state changes the opacity to 0.7 as well which is why it looks like a tint.

 

Hope that helps.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks jamieg270 - that really helps a lot!

 

Do you have any idea why those sidebar elements default to such a small font size?

 

thanks.

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem!

 

 

 

Do you have any idea why those sidebar elements default to such a small font size?

 

Just an aesthetic choice on the part of the DMS developers most probably...

 

You can override it to a degree in the Typography panel, but you'll only get real fine grained control by manipulating CSS/LESS.

 

If you're putting that in the Custom CSS field in DMS I would recommend moving that to the 'style.less' file for your child theme if possible. Its much safer there (less likely to be lost on updating the theme).

 

Hope that helps...

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Cool.

 

Ok, so once i am done with the development - i need to copy everything in the "Custom LESS/CSS" folder into my child theme style.css?

I don't think i am writing LESS, so assume it is all going into the CSS file.

 

I assume the above is correct?

 

Thank you.

 

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yep as long as there is no LESS the style.css file will be fine... That way the custom CSS is in a physical file you can back up as part of your child theme. 

 

While it is very rare and hasn't happened to me personally, there have been occasions on these boards where people have entered a lot of css in the Custom LESS/CSS panel in the DMS editor. Made a core theme update and have lost all the CSS. Most probably caused by their server. 

 

My feeling is; why take the risk? Keep it in the child theme and it can be easily backed up and won't be touched by a core Theme or Core wordpress update.

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