Portfolio – Text with background style fix

Hi, I noticed that ‘on hover’ when using the text with background portfolio style that the arrow doesnt link. Everything around the arrow links but the main arrow doesnt – this has been an issue during user testing. Can I make the arrow image link to the same place the box does?

Thanks

Hello,

Thank you so much purchasing our theme and contacting our support center.

Try to edit the file basel/content-portfolio.php and add this code

<a href="<?php echo esc_url( wp_get_attachment_url( get_post_thumbnail_id($post->ID) ) ); ?>"></a>

on the line #78 as shown on the screenshot http://prntscr.com/iw2e0c

And also place this code snippet to the Custom CSS in Theme Settings

.portfolio-entry .portfolio-info > a {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10;
}

Kind Regards
XTemos Studio

Hi – That solved the arrow problem but instead of clicking through to the URL that is linked to the image, it enlarged the image. The image also enlarged when you clicked on the product information.

Im trying to send the user to the URL linked to the image.

Any suggestions are more than appreciated…

Hi,

But you didn’t insert the code we sent you. And you have changed the portfolio style at all. There is no more arrow on the image.

Hi, Thanks for the reply.

I did insert the code.

I removed it because it wasn’t working as mentioned in the last reply.

Any suggestions greatly appreciated.

Thanks

Attachments:

You must be logged in to view attached files.

Here it is not working.

Attachments:

You must be logged in to view attached files.

Please, add it and activate your previous portfolio style so we can check how it works for you. We tested it on our side and it works well. Or you want to use new style now?

Hi – This is it with the code inserted. https://australiancontemporary.com/art-glass-sculpture-and-jewellery/art-glass-and-sculpture/

As you can see it no longer links to the url it enlarges the image instead.

Any help greatly appreciated…

Sorry, our mistake. Try to replace the previous code in the PHP file with this one

<a href="<?php echo esc_url( get_permalink() ); ?>"></a>

Nailed it! Thanks 😀

Great, you are welcome.

[Author]

Posts