Hello! I want to add flash effects on mouseover for top main menu. I want boxes with menu items highlited with different colors on mouseover and when active. Something like this – http://themeforest.net/item/smartmag-responsive-retina-wordpress-magazine/full_screen_preview/6652608, but semi-transparent background for menu items must be colored. Besides, maybe I will need to change mouseover font-color for menu items so please tell me how to do it too.
I want to add mouseover effects for images (zoom / brightness / etc.) as well.
Please let me know where I can find .css files I need and what lines should I change.
Here is my website (if you need it) – http://teo-dark.com
Thank you!
Hi,
Please try this css in Theme Panel > Custom Css: http://screencast.com/t/DZh5ffkG
.sf-menu > .current-menu-item > a,.sf-menu .td-menu-item > a:hover{
background-color: rgba(255, 0, 0, 0.06) !important;
color: red;
}
Result: http://screencast.com/t/zMBgZOxNq
Also for image you can inspect the images using Chrome inspect tool and add some css to that classes, if you don’t have basic css knowledge you can hire a professional to do this for you.
For example you can add opacity for Big Slide images something like this: http://screencast.com/t/HpATKjBJP3h
.td_block_big_grid .td-big-grid-post .entry-thumb{
opacity: 0.9;
moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-khtml-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
Hope this helps!
