# Disable the hover effect of the text only

**URL:** <https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488>\
**Category:** Customization\
**Tags:** portfolio\
**Created:** [February 17, 2026, 7:56pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488 "2026-02-17T19:56:37Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Travis\_Coley](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/travis_coley/32/38943_2.png) [@Travis\_Coley](https://community.elfsight.com/u/Travis_Coley)\
**Post date:** [February 17, 2026, 7:56pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/1 "2026-02-17T19:56:37Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 18, 2026, 10:19am UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/3 "2026-02-18T10:19:01Z")

</div>

Hi there, @Travis_Coley 👋

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/8/987ddec45bc5907213cd7e779e6b4ee240b8d443.png)

  

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

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/3/c34200db65199783c017f15d298e04719792ef28.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/2/c2aab83b37a985f474dcdf09aa0d9c9145a9ce07.jpeg)

  

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

---

<div class="post-metadata">

**Author:** ![Travis\_Coley](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/travis_coley/32/38943_2.png) [@Travis\_Coley](https://community.elfsight.com/u/Travis_Coley)\
**Post date:** [February 18, 2026, 12:33pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/4 "2026-02-18T12:33:52Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 18, 2026, 12:56pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/5 "2026-02-18T12:56:04Z")

</div>

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 😉

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

```

---

<div class="post-metadata">

**Author:** ![Travis\_Coley](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/travis_coley/32/38943_2.png) [@Travis\_Coley](https://community.elfsight.com/u/Travis_Coley)\
**Post date:** [February 18, 2026, 6:37pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/6 "2026-02-18T18:37:42Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 18, 2026, 6:46pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/7 "2026-02-18T18:46:07Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Travis\_Coley](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/travis_coley/32/38943_2.png) [@Travis\_Coley](https://community.elfsight.com/u/Travis_Coley)\
**Post date:** [February 18, 2026, 10:31pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/8 "2026-02-18T22:31:51Z")

</div>

Many thanks 👍🏾

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 19, 2026, 10:50am UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/9 "2026-02-19T10:50:59Z")

</div>

Hi @Travis_Coley 👋

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

```auto
.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 🙂

---

<div class="post-metadata">

**Author:** ![Travis\_Coley](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/travis_coley/32/38943_2.png) [@Travis\_Coley](https://community.elfsight.com/u/Travis_Coley)\
**Post date:** [February 19, 2026, 3:31pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/10 "2026-02-19T15:31:29Z")

</div>

My man 🤛🏾. It worked out perfectly. Thank you very much for your help. All the best to you

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 20, 2026, 6:07am UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/11 "2026-02-20T06:07:16Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![Travis\_Coley](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/travis_coley/32/38943_2.png) [@Travis\_Coley](https://community.elfsight.com/u/Travis_Coley)\
**Post date:** [February 20, 2026, 5:27pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/12 "2026-02-20T17:27:53Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 22, 2026, 8:27am UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/13 "2026-02-22T08:27:52Z")

</div>

Hi there, @Travis_Coley 👋

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](https://community.elfsight.com/t/testimonial-based-pagination/103537).

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

---

<div class="post-metadata">

**Author:** ![Travis\_Coley](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/travis_coley/32/38943_2.png) [@Travis\_Coley](https://community.elfsight.com/u/Travis_Coley)\
**Post date:** [February 22, 2026, 12:35pm UTC](https://community.elfsight.com/t/disable-the-hover-effect-of-the-text-only/145488/14 "2026-02-22T12:35:44Z")

</div>

No worries. Thank you