Portfolio Entry Cover and Cursor issues

[jvalenti]

Good morning,

I added the following CSS to my portfolio page to eliminate the entry cover. I just want people to be able to click on the photo and be linked into the portfolio item. However, when took out the entry cover it also changes the cursor behavior - it does not change to the finger on hover anymore. Can someone tell me how to accomplish this? Thanks!

.x-portfolio .entry-cover {
display:none;
}

[Prasant]

Hello @jvalenti,

Thanks for asking.

Please note that Entry Cover class holds the image as a background image. If you hide the entry cover class then doing so will hide the image too. As you want users to display only the image then I think you need to remove the text. Please add following CSS under X > Theme Options > CSS:

.x-portfolio .h-entry-cover {
    display: none;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[jvalenti]

That didn’t seem to solve the problem.

When I use
.x-portfolio .entry-cover {
display:none;
}

it does not eliminate the image - it just takes away the cover that comes in when you hover.

I tried to take my code out and insert the one that you have, but it didn’t change anything -the cover still slides in from the right on hover.

[Prasant]

Hello @jvalenti,

Thanks for updating the thread.

Can you please share exact page URL? I would like to take a closer look at the website.

Thanks.