[l.mahon]

Hi,

I am wanting the change the hover effect when you hover over the featured image of a post. Currently, it fades in white and displays the post title and content, but I would just like it to stay as it is and not do anything. I have looked through the .css and edited what it seemed would do this, but it did nothing.

The code I removed was in 6.0.

Any help would be greatly appreciated, thank you.

[l.mahon]

Also, is their a way to make the posts smaller? They are quite big for what I would like to use the site for.

[l.mahon]

I have figured out how to remove it, but now I would like the text to fade in.
The way I have it now is I have altered this line of code in 6.0

.post-main .has-post-thumbnail .entry-wrap:hover .entry-main {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
and changed the opacity to 0

It no longer fades a box in but I would quite like the text to still appear. Is that possible? Thank you

[Theme Horse Support Team]

Hi l-mahon,

To appear the text only in the posts while hover go to Appearance > Customize > WP Portfolio Theme Options > Custom CSS and paste the below CSS code then click on Save button.

.entry-main {
    background-color: inherit;
}

Thank you!

[l.mahon]

Thanks!

Now is there anyway to make the posts smaller? They resize when I resize the window, but I’d like them to always be smaller.

[Theme Horse Support Team]

Hi l-mahon,

To make the post smaller go to Appearance > Customize > WP Portfolio Theme Options > Custom CSS and paste the below CSS code then click on Save button.

.column-fourth .column-wrap {
    width: 20%;
}

Thank you!

[ekatoenteka]

Hi, I like how the featured image fades out while you hover over, but is there a way to make it not fade to white but at a say 10% opacity of the original?

[Theme Horse Support Team]

Hi @ekatoenteka,

Do you want to fade the image to 10% opacity as you hover on the featured image?

Thank you!

[ekatoenteka]

Yes, please!
Not quite sure about the percentage, maybe I could play around that, but something like it.

[Theme Horse Support Team]

Hi @ekatoenteka,

Just add below custom css and image will be fade while hover on it.

.post-main .has-post-thumbnail .entry-wrap:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}

Thank you!

[ekatoenteka]

Thanks for your quick reply, but it doesn’t seem to work, the thumb again goes totally white. You can see it here http://pantazis.space/

[Theme Horse Support Team]

Sorry! Try adding below custom css too.

.post-main .has-post-thumbnail .entry-wrap:hover .entry-main {
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

Thank you!

[ekatoenteka]

thanks, that seems to work, but now i lost the preview text that would come up after the image was fading to white.
is there a way to keep both fading not to total white, but to an opacity of my choice, and make the text come up when hovering?

[Theme Horse Support Team]

Hi Ekatoenteka,

If so just replace last replied CSS code with below one

.post-main .has-post-thumbnail .entry-wrap:hover .entry-main {
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter:alpha(opacity=60);
}

Thank you!

[ekatoenteka]

that’s great, thank you very much for your time!

[Author]

Posts