[dawnmartinelloParticipant]

Hi guys,

My site is http://www.dawnmartinello.com

1. How do I disable the hover effect on images? I was able to get rid of it on single blog posts pages, but I’d like to get rid of it on the /blog page and also on my home page. The image darkens, has a link icon show up and a tooltip that says permalink to “blog post name”. I’d like to get rid of all of those.

2. I’d like to get rid of the title on the blogs as well. Can this be done site wide or on a per-post basis? Right now they show up on the recent posts plugin on the home page, on the /blog page, and on the individual posts.

[dawnmartinelloParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi there,

Thanks for writing in!

1. To disable hover effect, add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-recent-posts .format-standard .x-recent-posts-img:before {
    content: "" !important;
}
.entry-thumb:before {
    content: "" !important;
}
.entry-thumb:before, .x-pagination span.current, .flex-direction-nav a, .flex-control-nav a:hover, .flex-control-nav a.flex-active, .mejs-time-current, .x-dropcap, .x-skill-bar .bar, .x-pricing-column.featured h2, .h-comments-title small, .x-entry-share .x-share:hover, .x-highlight, .x-recent-posts .x-recent-posts-img:after {
    background-color: transparent !important;
}

2. To remove titles, you can use this code:

.entry-title {
    display: none !important;
}

Let us know how this goes!

[dawnmartinelloParticipant]

That worked great – thank you!! There’s only 2 other things I’m seeing:

1. Is there a way to get rid of the title on the home page? Those are being pulled in from the recent posts widget.
2. On the blog page (www.dawnmartinello.com/blog), I still have the hover effect.

[John EzraMember]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-recent-posts-content 
h1.h-recent-posts {
    display: none;
}

a.entry-thumb:hover img {
    opacity: 1;
}

Hope this helps – thanks!

[dawnmartinelloParticipant]

Awesome .. that fixed it – thank you!!

[dawnmartinelloParticipant]

I’m sorry to bother you again, but after I updated the visual editor and cornerstone, the recent posts plugin stopped working. It will not seem to save 1 as the value for the number of posts to show. I decided to use the short code instead, but as you can see, the formatting of the text doesn’t match the site anymore and has some extra space above that so it no longer lines up with the Popular Posts section beside it.

This can be found at the very bottom of the front page.

[RupokMember]

Hi there,

Thanks for updating. Not sure what you are referring as “Recent Posts plugin”. Are you referring the Recent Posts element or any third party plugin that you are using? Would you clarify a bit?

Cheers!

[dawnmartinelloParticipant]

Ah, yes – sorry, it’s the element. It was the element that was not accepting the 1 as the number of posts to display so I had to change to using the shortcode, which I’m totally fine with, provided I can fix the formatting and space issue I’ve mentioned above.

[RupokMember]

Hi there,

Thanks for clarifying. It seems your shortcode is not properly formatted and it’s somehow wrapped within code tag that’s creating this issue – http://prntscr.com/as95ao

I have removed the formatting and it seems working fine.

If you still needs to modify the text (i.e. color) then you can use the following selector to add Custom CSS :

.x-recent-posts-excerpt {
  color: #443e44;
}

Hope this helps.

Cheers!

[dawnmartinelloParticipant]

It did indeed (thank you!) however the css for modifying the font colour doesn’t seem to do anything. It’s still showing as the colour for the links.

[Paul RModerator]

Hi,

There is a syntax error in your css code.

Please change this

//----- changes the font in the recent posts excerpt --------//

.x-recent-posts-excerpt {
  color: #443e44;
}

To this

/* Changes the font in the recent posts excerpt */

.x-recent-posts-excerpt {
  color: #443e44;
}

Thanks

[dawnmartinelloParticipant]

*doh! Thank you so much 🙂

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts