Image hover opacity
Hi there, I would like my blog posts images to change opacity on hover. What’s the css for that? Thank you.
Need help with CSS
I have some text in my website footer that’s hyperlinked, and I could use help with how to modify it so the color changes to white on hover. Right now it starts out blue and changes to black on hover. Since the background color of my footer is black, however, it’s black-on-black so it’s invisible. … Read more
Hover Primary Navigation Menu – Must click-on before hovering child menu
Hi I have GP and Elementor. Under customiser I have ‘hover’ set for Primary menu. I’m getting what seems to be an intermittent problem when hovering over the menu system. Sometimes (and as I expected) I can hover over the main menu as well as over child and grand-child menu items before clicking to select … Read more
Dropdown menu on click is ok for mobile but not desktop
The drop-down menu items are not accessible on a mobile when set to default (hover) so I changed this to “Click – Menu Item” (in Customize > Layout > Primary Navigation” and that works fine. However, the desktop view now requires you to click the top menu item which is counter-intuitive and also doesn’t seem … Read more
Widget designing & padding
Hi Tom, I am a newbie in this field, want to design the widget items(hovering and underline effect only) of my blog http://dajobb.com/ like the widget item of the website link given below https://wordpress.org/support/forum/multisite/ Also in mobile view, the sidebar of my website does not seem to left indented rather it comes almost in the … Read more
How to make navigation menu font turn bold when you hover
Hi, Please, how can I make my navigation menu font turn bold when I hover and stay bold to show the current page? Thank you.
How to add overlay effect with custom text for single page featured images
Looking for something similar to this – http://jsfiddle.net/51csqs0b/ I want to display custom text ex. “Please contact us for more images” on image as overlay when visitors hovers over image. How can I do that with current theme?
Underline links on hover
Hi Tom, I’m trying to customize a few things (GeneratePress Premium) and I was wondering if there is an option or CSS to underline links only on hover. Thank you in advance!
Border Bars to the left of Drop Down Items on Hover
Hey guys, I am currently using this CSS to create a border animation underneath my primary navigation menu items (upon hover & for current page): /* nav links effect */ .main-navigation .menu > .menu-item > a::after { content: ""; position: absolute; right: 0; color: #1e73be; left: 50%; bottom: 9px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; … Read more
Centering navigation hover effect
I want to add a rollover/hover effect using a background image centered behind each menu item to create a glow effect. The site’s temporary url is here And the css I am trying to use is here: div#primary-menu.main-nav { text-align: center; } .main-navigation .menu > .menu-item > a:hover{ display:inline-block; background: url(http://renedenfeld.com/staging/wp-content/uploads/2017/06/glow-behind-selected-navigation-2.png) no-repeat; background-position: 0 0; … Read more