Jump to content

Archived

This topic is now archived and is closed to further replies.

quintinm

Link hover problem

Recommended Posts

quintinm    6
quintinm

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
jamieg270+    13
jamieg270

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
quintinm    6
quintinm

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
jamieg270+    13
jamieg270

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
quintinm    6
quintinm

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
jamieg270+    13
jamieg270

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

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×