Tagged: 

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #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).

    #765797

    Hey 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 Shannon

    #766322

    Hey 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

    #766340

    Hi,

    Would you be able to provide login info so I can look a little deeper into the fix?

    Best regards,
    Jordan Shannon

    #766387

    Sure thing Jordan and thanks! All that good stuff is below.

    #766399

    Hi,

    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 Shannon

    #768428

    Hey 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.

    #768438

    Hi,

    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 Shannon

    #768442

    Hi 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.

    #768464

    Hi,

    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 Shannon

    #768473

    Hey 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

    #768479

    Hi,

    Great, I will update you when I get this corrected.

    Best regards,
    Jordan Shannon

    #772692

    Hey Jordan,

    Just wondering if this fell off your radar. Would love to get this ironed out.

    Thanks!

    #772739

    Hi,

    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 Shannon

    #775689

    Hey thanks Jordan,

    Where would I add that to? Anywhere in functions.php?

    #775695

    Hi,

    Yes, if you see the link I post it shows how to add custom script.

    Best regards,
    Jordan Shannon

    #780908

    Hey 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?

    #781251

    Hi,

    No problem, we’re still here to help. I will login and continue to take a look at this.

    Best regards,
    Jordan Shannon

    #781260

    Thanks Jordan!

    #781474

    Hi,

    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

    #786775

    Awesome Jordan and thank you, looks and works great!

    #786789

    Hi,

    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

Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Unlink Portfolio Boxes’ is closed to new replies.