Docs

[Paul R]

Hi,

Issue #1

To set width of the frame, you can add this under Custom > CSS in the Customizer.

.page-template-template-layout-portfolio .entry-featured {
    padding: 2%;
}

or if you would like it removed, you can add this instead

.page-template-template-layout-portfolio .entry-featured {
    border: 0;
    padding: 0;
}

Issue #2

To get rid of the rollover, you can add this under Custom > CSS in the Customizer.

.x-portfolio .entry-featured a {
    cursor:auto !important;
pointer-events:auto;
}

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

Hope that helps.

[leannevenier]

Wow! You are a GENIUS!! xoxoxox!!

All of that worked great! Thank you!! Very, very helpful!!

One little additional thing I’d like to do is, when hovering over any of the Porfolio Thumnails, to make the mouse cursor ” Arrow Pointer icon” shift into that classic “Hand with pointing finger icon” so you know that you’re on something clickable (ie the portfolio image).

The “hand with pointing finger icon” I’m talking about is the same one that shows up whenever you hover over any url hyperlink on my website or over any of the menu items in any of menu drop down menus. It’s the same icon most websites use.
(ie. obviously this hover issue only applies to desktop when people would be using a mouse, on mobile there’s no hover icon)

Right now, even when hovering over a clickable portfolio thumbnail image, the cursor’s “arrow pointer icon” remains unchanged as an Arrow when hovering over almost all of the image (although you CAN click anywhere on the image to get to the detail page, which is PERFECT! :)),

And right now, when you hover over the very CENTER of the portfolio thumbnail, the cursor’s Arrow Pointer turns into a very very thin (almost invisible) vertical line (looks like a vertical I-beam – I .

So it’s not obvious right now that the thumbnail is a clickable image.

Is it possible to make the portfolio thumbnail hover cursor icon the classic “hand with pointing finger icon” whenever you hover ANYwhere over the thumbnail image? (just like when you hover over a url hyperlink or over any of the dropdown menu items)

I’m thinking it’s a simple edit in the line of code (issue #2) where the word “cursor” appears? 🙂

Thanks for your excellent help!!

Leanne

[Rue Nel]

Hey Leanne,

Thanks for letting us know that it worked out for you!

To make the portfolio thumbnail hover cursor icon the classic “hand with pointing finger icon” whenever you hover ANYwhere over the thumbnail image, please make use of this code in your customizer, Appearance > Customize > Custom > CSS

.x-iso-container-portfolio .entry-featured .entry-thumb:hover {
    cursor: pointer !important;
}

Hope this helps.

[leannevenier]

Perfect! Worked like a charm!

Thanks so much for the great support!!

[Rad]

You’re soo much welcome 🙂

[Author]

Posts