Support
Tagged: :hover, pseudo selector
Sebastian.| Author | Posts |
|---|---|
 juana
October 17, 2013 at 2:37 am
|
Heads up! this post was created when Microthemer was at version 2. The current version is 7. Some references to the interface may be out of date. Hello Thank you very much |
 Sebastian
October 17, 2013 at 10:13 am
|
Hey, I’ve sent an email to the address you registered here with requesting further information. Cheers, Sebastian |
|
juana
October 17, 2013 at 11:44 pm
|
Hi, thank you for the quick answer. Problem solved. I am very happy with the product, is exactly what I was looking for. Excellent! |
|
juana
October 18, 2013 at 6:47 am
|
Hello, I have one more question. How to I target a hover, lets say I want to change the opacity or color in a hover mode. Thanks! |
|
Sebastian
October 18, 2013 at 12:01 pm
|
Glad you’re enjoying Microthemer. Yes, if you’re double-clicking on elements (in order to target them with the Selector Wizard that pops up) you just need to change the default CSS selector code in the drop down menu. Look for values that have:
Somewhere in them. Microthemer only suggests these :hover pseudo selectors when you’re trying to style a link. If you want a hover state on a non-link, you’ll need to manually modify the selector after you create it by clicking the “Modify” link. All you need to do is paste “:hover” at the end of the CSS selector code. So if you had the following selector “div#header” you would modify it to “div#header:hover” (you might also want to add the word “Hover” to the selector label to remind yourself it’s a hover state selector). You always need to create a separate selector for hover states. The styles you apply to a selector with “:hover” at the end will only apply when the user hovers over the target element. I hope that helps, feel free to write back here if you need further assistance. Cheers, Sebastian |
