Tagged: Portfolio
-
AuthorPosts
-
March 23, 2017 at 10:08 pm #765770
Howdy,
The only related thread I could find to this was from 2012 and doesn’t appear to be valid any longer.
We have two portfolio elements, one one on a Resources page that we want to function just as it does out of the box–category sorting with featured image preview boxes that link to the entry.
BUT, on the homepage, we also have a portfolio grid, but we do not want the elements linked to anything. We just like the full page, seamless grid style with hover over effect. I tried to create that with a variety of means (grid rows, image boxes, etc) other than the portfolio element, but to no avail.
How can I unlink the portfolio elements on a specific page (or by specific portfolio items, whatever’s easier).
March 23, 2017 at 11:54 pm #765797Hey raisonbrands,
Please add this to quick css:
.page-id-734 .av-masonry-entry{ pointer-events:none!important; }
Let me know if this works.
Best regards,
Jordan ShannonMarch 24, 2017 at 6:05 pm #766322Hey Jordan,
Thank you so much. I think we’re half way there!
So that kills the links for sure which is awesome, but we also lose the rollover / individual square effect that my boss was really into.
Is there anyway we can have the links gone, but still have that roll over effect? I know he’ll look at it as is now and say we might as well just make a single photo background.
Thanks again!
MJ
March 24, 2017 at 6:51 pm #766340Hi,
Would you be able to provide login info so I can look a little deeper into the fix?
Best regards,
Jordan ShannonMarch 24, 2017 at 8:54 pm #766387Sure thing Jordan and thanks! All that good stuff is below.
March 24, 2017 at 10:16 pm #766399Hi,
Where did you add the css I sent? I am trying to remove it but can’t find it in quick css or style.css?
Best regards,
Jordan ShannonMarch 28, 2017 at 8:50 pm #768428Hey Jordan,
That is a head scratcher right there. I installed the code in Quick CSS, it is not showing up any longer, yet the effect is still the same. Just double checked with our developer, he’s done nothing relating to it.
March 28, 2017 at 9:20 pm #768438Hi,
If your developer can search for the code in the enfold.css file, he should be able to remove it from there.
Best regards,
Jordan ShannonMarch 28, 2017 at 9:23 pm #768442Hi Jordan,
First off, any idea why that dissapeared from the Quick CSS section? Never seen that happen before.
Also, any ideas on:
So that kills the links for sure which is awesome, but we also lose the rollover / individual square effect that my boss was really into.
Is there anyway we can have the links gone, but still have that roll over effect? I know he’ll look at it as is now and say we might as well just make a single photo background.
Thanks, I’ll check for that code.
March 28, 2017 at 10:03 pm #768464Hi,
Yes, I can see about getting that fixed but the first step is reverting it to it’s original state, so if that css can be pulled off I can start fresh.
Best regards,
Jordan ShannonMarch 28, 2017 at 10:19 pm #768473Hey Jordan,
Looked through the CSS for pointer-events and found nothing, but resaved the Quick CSS field (and just to let you know, I’ve logged in and out of the site multiple times) and now it’s gone–should be a fresh start.
Thanks Jordan
March 28, 2017 at 10:23 pm #768479Hi,
Great, I will update you when I get this corrected.
Best regards,
Jordan ShannonApril 5, 2017 at 5:42 pm #772692Hey Jordan,
Just wondering if this fell off your radar. Would love to get this ironed out.
Thanks!
April 5, 2017 at 6:45 pm #772739Hi,
I think can be completed via javascript can you please try adding the following script:
document.getElementsByClassName("page-id-734 av-masonry-entry").removeAttribute("href");
Please see the following on how to add custom js to the theme:
https://kriesi.at/support/topic/add-custom-javascript/
Best regards,
Jordan ShannonApril 10, 2017 at 10:36 pm #775689Hey thanks Jordan,
Where would I add that to? Anywhere in functions.php?
April 10, 2017 at 10:48 pm #775695Hi,
Yes, if you see the link I post it shows how to add custom script.
Best regards,
Jordan ShannonApril 20, 2017 at 11:41 pm #780908Hey Jordan,
Sorry for dropping off the face of the earth. Client had us put a hold on everything.
So here’s what my current functions.php looks like, with no effect, still links and everything:
<?php/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/add_theme_support(‘avia_no_session_support’);
add_action( ‘wp_footer’, ‘enfold_customization_custom_scripts’ );
function enfold_customization_custom_scripts() {
?>
<script type = “text/javascript”>
jQuery(document).ready(function(){
//document.getElementsByClassName(“page-id-734 av-masonry-entry”).removeAttribute(“href”);
});
</script>
<?php
}If I take out those two backslashes before the custom javascript you supplied, it just messes with the entire site–no video, paralax images vanish. Any ideas?
April 21, 2017 at 3:27 pm #781251Hi,
No problem, we’re still here to help. I will login and continue to take a look at this.
Best regards,
Jordan ShannonApril 21, 2017 at 3:36 pm #781260Thanks Jordan!
April 21, 2017 at 11:23 pm #781474Hi,
Okay, this has been fixed. I added the following to the google services js section. It will be safe during updates:
<script> jQuery('.page-id-734 .av-masonry-entry').click(function(e) { e.preventDefault(); }); </script>
Best regards,
Jordan Shannon- This reply was modified 7 years, 8 months ago by Jordan Shannon.
May 2, 2017 at 10:52 pm #786775Awesome Jordan and thank you, looks and works great!
May 2, 2017 at 11:30 pm #786789Hi,
Great! I am glad this was able to be taken care of. If you need additional help, please don’t hesitate to contact us here on the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Unlink Portfolio Boxes’ is closed to new replies.