Home › Forums › ART WordPress Theme › Portfolio Grid with Extra Images
- This topic has 8 replies, 2 voices, and was last updated 8 years ago by
michaelmckeon.
-
AuthorPosts
-
May 26, 2018 at 5:05 am #15300
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,
MichaelMay 26, 2018 at 5:19 am #15302Hi,
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.com – Twitter – FacebookMay 26, 2018 at 5:28 am #15304Hi,
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,
mMay 27, 2018 at 6:22 am #15308Hi,
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 linkedPlease 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!
May 27, 2018 at 6:52 am #15309Thanks 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,
mMay 28, 2018 at 2:08 am #15312Did 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?
May 30, 2018 at 9:14 am #15325Hi 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,
mMay 31, 2018 at 2:46 am #15328Hi, 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; }May 31, 2018 at 3:00 am #15329That’s perfect.
Thank you so much!
-
AuthorPosts
- You must be logged in to reply to this topic.
