Disable the hover effect of the text only

Ask the Community Customization
1

In the portrait portfolio widget, is there a way to stop the text only from being affected by the hover effect so that the text always stays visible?

3 Likes
3

Hi there, @Travis_Coley :waving_hand:

You just need to use the 2nd Project Style on the Project tab, which you’ve already done:

image
image330×444 22.8 KB


The text is not visible now since its white. However, if you change the text color, it will appear right under the project:

image
image331×415 7.63 KB
image
image728×666 96.5 KB


Please let me know if it helped or if you have any questions left :slightly_smiling_face:

1 Like
4

My apologies and thanks for responding but I was referring to the Project style where the text is on top of the image in the lower left corner. I’ve updated it to the project style I was referring to. I wanted to make it where the text stays visible but the image still has the hover effect.

2 Likes
5

Got it, thanks!

Please try to use the code below in the Custom CSS field on the Style tab of your widget’s settings and let me know if it helped :wink:

.eapp-portfolio-project-look-bottom-overlay-info {
    opacity: 1 !important;
}
1 Like
6

Outstanding. Worked perfectly, thanks. One more thing, is it possible to do the same with the overlay color as well?

2 Likes
7

Sure! I’ve passed it on to the devs and will update you once they share a code :slightly_smiling_face:

1 Like
8

Many thanks :+1:t5:

2 Likes
9

Hi @Travis_Coley :waving_hand:

We’ve adjusted the previous CSS code to always display the project overlay color:

.eapp-portfolio-project-look-bottom-overlay-info,
.eapp-portfolio-project-look-bottom-overlay-info::after{
  opacity: 1 !important;
}

Please check it out and let me know if you like the result :slightly_smiling_face:

1 Like
10

My man :left_facing_fist:t5:. It worked out perfectly. Thank you very much for your help. All the best to you

2 Likes
11

That’s awesome, thanks a heap for the kind feedback!

If anything else comes up, we’re always here to help :wink:

12

There is something else I was trying to figure out. On my testimonial slide, I was trying to change the pagination. Currently it has the bullet dots and wanted to change it to the number counter ( 1/3, 1/7, etc… ). But there was no option to do so. Can css change that?

1 Like
13

Hi there, @Travis_Coley :waving_hand:

Unfortunately, it’s impossible to replace bullets with the numbers now. This idea is already on the Wishlist and you can upvote it here - Testimonial-Based Pagination (numbers instead of bullets.

If this request becomes popular, we might consider it in the future updates :slightly_smiling_face:

14

No worries. Thank you

1 Like