Home Forums Art WordPress Theme Portfolio Grid with Extra Images

This topic contains 8 replies, has 2 voices, and was last updated by  michaelmckeon 3 months, 3 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #15300

    michaelmckeon
    Participant

    Hi,

    Is it possible to add additional images into a grid which is referenced from the portfolio?
    I’d like to add images throughout the grid that are not linked to any pages and therefore do not come from the portfolio.
    I’d like these to fit with the grid but in various locations and not be clickable.

    Thanks,
    Michael

    #15302

    BWSM
    Keymaster

    Hi,

    I am not sure to understand your question totally. Please try to use “Source”: “Media Library”, there is “Nothing” for “What Thumbnail Does”. The Grid will not be clickable.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #15304

    michaelmckeon
    Participant

    Hi,

    I only have the option to select ‘portfolio’ or ‘post’ in the Source.
    However, I want to show my portfolio with clickable links but have a few images in that grid that are not clickable and not linked to any portfolio.

    I haven’t made my site live yet but I’ve got a screenshot if that helps? How can I send this to you?

    Thanks,
    m

    #15308

    BWSM
    Keymaster

    Hi,

    The images will be not clickable by custom CSS by post ID:
    if you don’t want the 2 posts (ID are 1, 2) not linked

    Please paste the custom css code to “Appearance > Customize : Additional CSS”

    .post--1 .grid-item-mask-link,
    .post--2 .grid-item-mask-link 
    {pointer-events: none;}

    Regards!

    #15309

    michaelmckeon
    Participant

    Thanks for your reply. I tried the additional CSS but it didn’t work.
    I’m using the portfolio not the posts. Under ‘Source’ for the grid, I’m using the ‘portfolio’ option.
    All of my projects are there.
    I can add a ‘false’ project with an image that will display in the grid but I don’t want to be able to click on it.

    thanks,
    m

    #15312

    BWSM
    Keymaster

    Did you mean that the images still can be clicked?
    Please check what’s ID of the ‘false’ project, if it is 1234:

    paste the custom css code to “Appearance > Customize : Additional CSS”

    .post--1234 .grid-item-mask-link 
    {pointer-events: none;}

    If still doesn’t work, I will help you check it when you create a live site. OK?

    #15325

    michaelmckeon
    Participant

    Hi BWSM,

    That worked. Thank you!
    But the title and color mask still show when I hover over the image.

    My grid is set to ‘Static Color Mask + Text’
    Is it possible to hide these mouseover effects on that single image?

    Thanks,
    m

    #15328

    BWSM
    Keymaster

    Hi, please use the CSS to hide the mask color and title:

    .post--1234 .grid-item-con-text,
    .post--1234.grid-item-con:after {
        display: none; 
    }
    #15329

    michaelmckeon
    Participant

    That’s perfect.

    Thank you so much!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.