- This topic has 20 replies, 4 voices, and was last updated 6 years, 7 months ago by Theme Horse Support Team.
-
AuthorPosts
-
December 14, 2016 at 9:41 am #48691l.mahonParticipant
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.
December 14, 2016 at 9:56 am #48692l.mahonParticipantAlso, is their a way to make the posts smaller? They are quite big for what I would like to use the site for.
December 14, 2016 at 4:20 pm #48696l.mahonParticipantI 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 0It no longer fades a box in but I would quite like the text to still appear. Is that possible? Thank you
December 16, 2016 at 3:51 pm #48724Theme Horse Support TeamKeymasterHi 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!
December 19, 2016 at 10:16 am #48751l.mahonParticipantThanks!
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.
December 29, 2016 at 5:59 am #48913Theme Horse Support TeamKeymasterHi 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!
November 22, 2017 at 12:54 pm #54126ekatoentekaParticipantHi, 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?
November 23, 2017 at 6:57 am #54131Theme Horse Support TeamKeymasterHi @ekatoenteka,
Do you want to fade the image to 10% opacity as you hover on the featured image?
Thank you!
November 23, 2017 at 7:41 am #54136ekatoentekaParticipantYes, please!
Not quite sure about the percentage, maybe I could play around that, but something like it.November 23, 2017 at 10:26 am #54142Theme Horse Support TeamKeymasterHi @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!
November 23, 2017 at 10:55 am #54145ekatoentekaParticipantThanks 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/
November 23, 2017 at 12:24 pm #54147Theme Horse Support TeamKeymasterSorry! 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!
November 23, 2017 at 12:44 pm #54149ekatoentekaParticipantthanks, 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?November 27, 2017 at 6:31 am #54231Theme Horse Support TeamKeymasterHi 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!
November 27, 2017 at 7:42 am #54237ekatoentekaParticipantthat’s great, thank you very much for your time!
-
AuthorPosts
- You must be logged in to reply to this topic.