Portfolio Shortcode Thumbs/Names Not Clickable On Project Pages

  • Unknown's avatar

    Hi, I’m using the illustratr theme and running into an issue where the thumbnail images and names in my portfolio shortcode grid aren’t clickable when I try using the shortcode in my project pages.

    The shortcode links work fine for my homepage:
    brianalexander.me
    But they aren’t clickable when the portfolio shortcode is used in a project page — see underneath the content on this page:
    http://brianalexander.me/portfolio/barnes-noble/

    Thanks for any help!

    The blog I need help with is: (visible only to logged in users)

  • Could you please paste your portfolio shortcode here?

  • Unknown's avatar

    Here’s the shortcode:

    [portfolio display_types=false display_tags=false display_content=false columns=4 showposts=16 order=DESC orderby=date]

  • The thumbnails at the end of the Barnes &Noble page seems to have been added as the project content of the Barnes &Noble project.

    It looks like somehow the portfolio shortcode is present in the Barnes &Noble project page ( Dashboard > Portfolio > All Projects > Barnes &Noble > Edit Project > End of content area) .

    Do you see any difference between the content of Barnes & Noble project and the rest of the projects?

  • Unknown's avatar

    I’m a little confused. The barnes and noble project page is where I’m trying to add the portfolio shortcode. I put it there to show an example of the shortcode links not being clickable on a project page. I’d like to add the portfolio shortcode to all my project pages to have a thumbnail grid of links to the others after viewing one project. Is there a way to make the portfolio shortcode thumbnails clickable on the barnes and noble project page?

  • Ah, now I understood what you are trying to do. You want your clickable portfolio thumbnails at the end of each portfolio.

    I can see the a tags with href attribute set to the correct links for each thumbnail image but somehow they are not clickable. I could not understand why.

    I tagged this topic for staff’s attention. Hopefully they will demystify this for us.

  • Unknown's avatar

    Hi there,

    It looks like you had a bit of CSS gumming up the works.

    The following code fixes the problem

    .nav-links{
    	height:100px;

    Note: I didn’t see anything that should have impacted this element in your custom CSS, so it’s possible this code will fix this problem and create a new and different problem. I checked your site as it is now and didn’t see anything, but if you notice more wonkiness, let me know and we can look again.

  • Unknown's avatar

    That did the trick, thanks!

  • @lizthefair,

    Thanks for your response. But shouldn’t thumbnails be clickable as soon as the portfolio shortcode is added?

    This is a problem for users without custom CSS upgrade.

  • Unknown's avatar

    @ chaitanyamsv,

    The problem doesn’t occur in illustratr natively, so it won’t be a problem for users without CSS.

    Thanks for your concern!

  • The topic ‘Portfolio Shortcode Thumbs/Names Not Clickable On Project Pages’ is closed to new replies.