Docs

[ForwardCS]

Hi,

I was wondering how I could turn down the opacity on portfolio items when they are hovered on. Also, I’d like to eliminate the link image that pops up. Is this possible?

One more question, is it possible to change the order of the images displayed in the portfolio as well? Like put the images from page 3 onto page 1?

Thanks!!

[Darshana]

Hi there,

Thanks for writing in! To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[ForwardCS]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for the URL.

#1. You can amend the opacity by altering the below code :

a.entry-thumb:hover img {
  opacity: 0.15;
}

a.entry-thumb:hover::before {
  display: none;
}

Change the value and add this under Custom > CSS in the Customizer. Second code block is to hide the link image.

#2. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[ForwardCS]

Thank you so much for the help!

[ForwardCS]

I have one more question about the thumbnail. The font color of the picture title is too dark and hard to read, how can I change that font color?

[Thai]

Hi There,

Please add the following CSS:

h2.entry-title.entry-title-portfolio a {
    color: #fff;
}

Hope it helps 🙂

[ForwardCS]

Awesome! I really appreciate it!!

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts