Muffin Recent Posts widget styling

ctcka · May 2015

Hi

I'm using the Muffin Recent Posts widget and have styled it up to a point how I want. However, I can't seem to successfully target the hover part of the CSS. I've tried:

#widget_mfn_recent_posts-3 ul li:hover:after { width: 4px; }

#widget_mfn_recent_posts-3 ul li a:hover { color: inherit; }

and a number of similar alternatives. I use the inspect element feature on Chrome but not sure how to target a hover. I'm trying to remove the hover effect on the recent post items.

Thanks, Mark

Albert · May 2015

Hi,

do you mean effect when blue background display from left to right side on hover? Is that what you want to remove?

ctcka · May 2015

Yes - either remove, or change the colour or animation.

Thanks, Mark

Albert · May 2015

To remove this animation completely, please use below css:

.Recent_posts ul li .desc::after { display: none; }

ctcka · May 2015

Thank you very much. Is it easy to change the colour and/or animation effect on the hover or does it get quite complicated?

Albert · May 2015

This is quite complicated. Most animations are complicated

ctcka · May 2015

I think I'll just turn the hover effect off completely for now.

I am however now having a related issue on my Recent News widget. I have this in the footer and also on a standard page in the sidebar. The problem is that the footer is on a dark grey background and a standard page is white. So when you hover, the title and time change to white text. Works great on footer but 'disappears' on a white background. What's the best work around in this situation?

Thanks.

Albert · May 2015

Please send us url to page where this happen and we'll have a look on it.

ctcka · May 2015

So on this page - http://79.170.40.165/northsolihulltest.co.uk/latest-news/ - the footer hover is fine, but the hover on the left under Recent News causes the text to turn white.

Thanks, Mark

Albert · May 2015

Do you mean date which is under the recent posts titles? Is that a text you want to do not change on hover?

ctcka · May 2015

In the sidebar, the Recent News section, when you hover over the titles, the dates turn white so you can't see them. And when you hover over the dates, the titles and the dates turn white. So I want to change the hove colour. However, can I just target this in the sidebar as I don't want the Recent News section in the footer to necessarily change.

Hope that makes sense, Mark

Albert · May 2015

Ok, we got it now. If you want to change this color for sidebar only, please use below below css:

.sidebar .widget_recent_entries ul li:hover a, .sidebar .widget_recent_entries ul li:hover span { color: inherit !important; }

ctcka · May 2015

Thank you very much - perfect!

Mark

Albert · May 2015

You're welcome

rceurvorst · July 2015

Hello, I have the same issue with the Recent Posts widget in the footer, where I have a white background. I've experimented with various rules to try to change this white hover color, but I haven't hit on the right one yet. Could you tell me what css to use?

Thanks.

rceurvorst · July 2015

Never mind - I found the culprit at last. For those who might experience the same issue, the css to modify is:

#Footer h6 a, #Footer h6 a:hover { color: #000000 !important;}

Albert · July 2015

@rceurvorst This css is right. Thanks for this part of code.

Muffin Recent Posts widget styling

Comments