Portfolio page

Hi there
When I hover over the project and the project name comes up (see attached), is there anyway I can make the background fade darker so that the two lots of text (ie the text on the image and the project name) aren’t competing with each other?
Alternatively is there a way I can add the project name in a different colour font underneath?

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the opacity and text color by going to Appearance > Customize > Additional CSS and pasting it there.

/*Change text opacity*/
.inner-title:hover {
    opacity: 0.5;

/*Change color*/
.inner-title .title h5 {
    color: red;

Best Regards,

Thanks for your quick reply. That worked but doesn’t seem to apply when viewing via mobile (the titles display all the time, not just when on hover). See attached.


Mobile’s don’t have the hover feature, so we display the titles all the time, because if that isn’t, then there is just a couple of images. So, what you want on mobile devices? So, that we can help you with that.

Let us know,


Hi Laranz
Ideally I’d like to have the project names underneath the images but I don’t know if that’s possible?
I don’t think what I have now looks great, especially on mobile (see attached).
Many thanks