Bottom Widgets – Links Move When Hover

[WebVision]

I do not want the bottom widget links moving when I hover over them…

What is the code to get this to stop ??

[Sushil Adhikari]

Hello VQP,

Assuming your problem ,please add the following css code inside your child theme’s style.css file or simply inside additional css area inside Customize panel.

.fr_widgets_bottom_widget a:hover, .fr_widgets_bottom_widget a:focus, .fr_widgets_bottom_widget a:visited {
   display:none;
}

If it is not what you meant please add the URL of your website or precisely provide the image attachments where you want to make changes.

Thanks!

[WebVision]

Sushil
That stopped the moving but now they flicker
I dont want any movement, I am not sure why you would have that anyway
Cant show site as it is not published
Thanks
Dave

Solution ?

Attachments:

You must be logged in to view attached files.

[Sushil Adhikari]

Hi VQP,

Please undo your changes and add the following css;

.widget.w_link_slide ul li a:hover {
    margin-left: 0px;   
}

It should definitely work.

Thanks!

[WebVision]

Sushil
Items are still moving ??

[WebVision]

????

[Sushil Adhikari]

Hi VQP,

Please add this following css on child theme style.css or additional css section of customizer. So your changes will not lost on theme update.

#fr-wrapper .fr_widgets_bottom_widget a:hover {
	margin-left:0;
}

If this code also didn’t work then we have to look over your website for the appropriate solution.

We look forward for your response.

Thanks

[WebVision]

Worked
Thanks

[Sushil Adhikari]

Sounds Better, Thank you for your cooperation.

Best Regards

[Author]

Posts