How to show Post title on hover, Styling effect – Page 2

Tagged: hover, post title

This topic has 25 replies, 6 voices, and was last updated 4 years, 6 months ago by Tom.

Viewing 11 posts - 16 through 26 (of 26 total)

← 1 2

Author

Posts
June 22, 2018 at 8:21 pm #5005

Tom
Keymaster

Hi Carlotta,

Have you tried setting the Column Gutter option to 0px within the Columns section of the list settings?

Let me know 🙂

June 22, 2018 at 11:17 pm #5007

Anonymous
Inactive

Hi Tom

Great, it works, thank you!??
Carlotta

June 23, 2018 at 8:10 pm #5010

Tom
Keymaster

You’re welcome 🙂

November 14, 2018 at 6:27 am #6437

Eva
Participant

Hi!
I was looking for this, but because my client would like to see various options I would like to know how to show post this way on one page only.Link to page: https://test.alfabetprodukties.nl/braaksma-variant/ (the idea is this: http://www.braaksma-roos.nl/projecten). It worked on the homepage, but because I need to make two different options, I removed the extra css. The homepage (https://test.alfabetprodukties.nl) has to look more or less like this: https://www.unstudio.com/en/projects.
Hope I managed to make myself clear 🙂

Thanks!!
Eva

November 14, 2018 at 7:33 pm #6441

Tom
Keymaster

Hi there,

Are you using the CSS here?: https://wpshowposts.com/support/topic/how-to-show-post-title-on-hover-styling-effect/#post-3777

November 15, 2018 at 3:06 pm #6449

Eva
Participant

Hey Tom,

Yes I am now :-). It works on the home page, but I would like it on https://test.alfabetprodukties.nl/braaksma-variant/ only. Is that possible?
Thanks,
Eva

November 15, 2018 at 8:18 pm #6451
Tom
Keymaster
Definitely!

In front of each selector, add this: #wpsp-3616

So this:
```
.wp-show-posts-inner {
	position: relative;
	margin-bottom: 0 !important;
	overflow: hidden;
}
```
Would become this:
```
#wpsp-3616 .wp-show-posts-inner {
	position: relative;
	margin-bottom: 0 !important;
	overflow: hidden;
}
```
November 16, 2018 at 9:30 am #6453

Eva
Participant

Yes, that does the trick!! It still works even after removing some CSS:
.wp-show-posts-columns .wp-show-posts-entry-title {
font-size: 18px;
}
.wp-show-posts-meta a,
.wp-show-posts-meta a:visited {
color: rgba(255,255,255,0.7);
}
.wp-show-posts-image {
margin-bottom: 0;
}

Would it be possible to get rid of the extra title (see red arrow in screenshot: https://prnt.sc/lj81x3) and to have a background for the title?

Thanks again for the help, Tom!!

November 16, 2018 at 6:40 pm #6468
Tom
Keymaster
Try adding this function:
```
add_filter( 'wpsp_image_title', function() {
    return '';
} );
```
Let me know 🙂
November 17, 2018 at 8:06 am #6469

Eva
Participant

Works fine! Thank you! 🙂

November 17, 2018 at 7:07 pm #6472

Tom
Keymaster

You’re welcome 🙂
Author

Posts

Viewing 11 posts - 16 through 26 (of 26 total)

← 1 2

You must be logged in to reply to this topic.

[Support request] How to show Post title on hover, Styling effect