Viewing 28 posts - 1 through 28 (of 28 total)
  • Author
    Posts
  • June 12, 2017 at 12:24 pm #806842
    Krissieg

    Hi guys,

    This is a strange request but I need your help. I am using the masonry grid to show my client’s client logos. Currently all of the logos have posts behind them, which is fine. But I need to add logos that they have no text for and so we don’t need the logo to link to a post. Is there a way for me to create a post for the logo but deactivate the link to the post, so the logo still shows up in the masonry grid? I want to keep the logos within the masonry grid so people can still sort them.

    See page I’m talking about: http://serviceintegrators.co.uk/building-it-systems/clients/

    Let me know if I’m not clear!

    Thanks

    June 13, 2017 at 5:09 am #807216
    Rikard

    Hey Krissie,

    Please try the following in Quick CSS under Enfold->General Styling:

    a.av-masonry-entry {
  pointer-events:none !important;
}

    Not sure if you only need it on that particular page?

    Best regards,
    Rikard

    June 13, 2017 at 9:40 am #807299
    Krissieg

    Hi Rikard,

    Yes only on the ‘Our Clients’ page. And I only want it on certain posts. Is this possible?
    Like I explained, some of the logos do have posts to link to, so I want to keep those active of course. But I’ll be adding new logos that won’t have any copy and so we won’t need a link to a post.

    Thanks

    June 13, 2017 at 2:10 pm #807461
    Rikard

    Hi,

    Ok, then try this instead for the page you linked to:

    .page-id-3344 a.av-masonry-entry {
  pointer-events:none !important;
}

    If you want it for more pages or posts then you can use the same CSS but with a different page or post-id class. You can find that in the body tag or the page or post if you inspect it in your browser.

    Best regards,
    Rikard

    June 13, 2017 at 2:12 pm #807465
    Krissieg

    Will this still allow users to click on logos that have posts containing text?

    June 14, 2017 at 6:24 am #807791
    Rikard

    Hi,

    I’m not sure I understand what you mean by your last reply, but the CSS I gave you will only affect the masonry links on that particular page.

    Best regards,
    Rikard

    June 14, 2017 at 10:45 am #807898
    Krissieg

    Ok, I’ll give it a try. I’ll let you know if it doesn’t do what I need it to do.

    I’ll be back in touch. :)

    June 14, 2017 at 10:49 am #807900
    Krissieg

    I’ve tried it and although it will be great for the logos without the need for a link to a post, it stops people being able to click on the logos that do have a post. Is there anyway that I can make the code specify a particular post rather than a blanket code for the masonry?

    Thanks,

    Krissie

    June 14, 2017 at 5:50 pm #808119
    Sarah

    Hi Krissie,

    If you check your code, each Masonry item has a unique class. You can find this by right-your the post you want to apply the CSS for, then selecting “Inspect”. Take the unique class, and then apply it to the code. For example, for the NHS one, it will be like this:

    .page-id-3344 a.av-masonry-entry.post-3653  {
  pointer-events:none !important;
}

    I hope that helps!

    Best regards,
    Sarah

    June 15, 2017 at 12:23 pm #808537
    Krissieg

    I then add this to the quick css area? I’ll give it a try!

    June 15, 2017 at 12:57 pm #808544
    Krissieg

    Yes it works!!! Love it!
    How would I get this to happen on a portfolio grid with Ajax?
    x

    • This reply was modified 7 years, 5 months ago by Krissieg.
    June 15, 2017 at 1:21 pm #808553
    Krissieg

    One more thing. The Excerpts. I’ve created post templates for the logos that have posts behind them. I want to have a ‘Read more’ message underneath those logos? Can i add this in the excerpt and if so, how do I do that?

    Thanks

    June 16, 2017 at 9:42 am #808896
    John Torvik

    Hi,

    You can add the excerpt in the post > screen options.

    Best regards,
    John Torvik

    June 16, 2017 at 12:27 pm #808943
    Krissieg

    Cool, thanks :)

    June 17, 2017 at 7:58 am #809215
    Rikard

    Hi,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 19, 2017 at 12:51 pm #809737
    Krissieg

    What if I wanted to do this on a portfolio grid? Can you provide me the code instead of a masonry grid?

    .page-id-3344 a.av-masonry-entry.post-3653 {
    pointer-events:none !important;
    }

    Thanks

    June 19, 2017 at 2:50 pm #809800
    Sarah

    Hi,

    Yes, this is possible. You can check this thread for information that can help you.

    You CSS should be something like this, depending on the unique class of the portfolio grid entry that you want to do this for:

    .post-entry-142.grid-entry  .inner-entry  {
pointer-events:none !important;
}

    Please remember to edit post-entry-142 to the unique class of the entry you want to deactivate links for!

    If you need help doing this, please give us the link that has the portfolio grid, and let us know which one you need to deactivate links for.

    Best regards,
    Sarah

    June 19, 2017 at 4:23 pm #809854
    Krissieg

    Thanks Sarah, I’ll give it a go! Will be in touch!

    June 20, 2017 at 5:41 am #810147
    Rikard

    Hi,

    Great, let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    June 20, 2017 at 5:28 pm #810525
    Krissieg

    Hi guys,

    This code:
    .post-entry-142.grid-entry .inner-entry {
    pointer-events:none !important;
    }

    Where do I add the number of the actual portfolio item I want to deactivate the link to?
    Here is the page the portfolio grid is on: http://serviceintegrators.co.uk/clients/

    Also, is there anyway for the title or excerpt to show up as part of the overlay instead? I don’t think it looks great underneath on this example as not all of the logos have links.

    Thanks

    June 20, 2017 at 5:32 pm #810531
    Krissieg

    So, I need the code to deactivate links to all of the logos apart from:
    IG, NHS and Office of National Statistics.

    Thanks!

    June 20, 2017 at 5:43 pm #810536
    Sarah

    Hi,

    Please try this:

    .page-id-3344 .grid-entry .inner-entry {
	pointer-events:none !important;
}
.page-id-3344 .post-entry-4552.grid-entry .inner-entry,
.page-id-3344 .post-entry-4583.grid-entry .inner-entry,
.page-id-3344 .post-entry-4575.grid-entry .inner-entry {
	pointer-events:auto !important;
}

    Best regards,
    Sarah

    June 20, 2017 at 5:45 pm #810537
    Krissieg

    This is great! It works!
    Thanks so much!

    Any chance of getting ‘Read More’ to show up on the Overlay?
    Sorry, my client wants this if possible

    Thanks x

    June 25, 2017 at 12:41 pm #812641
    Victoria

    Hi Krissieg,

    Try different masonry captions settings and see which one works for you better.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 26, 2017 at 12:38 pm #813016
    Krissieg

    Hi Victoria,

    But I’m using a portfolio grid?

    June 26, 2017 at 3:16 pm #813088
    Victoria

    Hi Krissieg,

    I don’t find your credentials in the thread. Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    June 26, 2017 at 3:33 pm #813108
    Krissieg

    Hey Victoria,

    Don’t worry, my client now wants to use a third party plugin!
    So you can close this thread. Thanks for your patience. :)

    June 26, 2017 at 7:56 pm #813184
    John Torvik

    Hi,

    Let us if you need some help in the future :)

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 28 posts - 1 through 28 (of 28 total)
  • The topic ‘Deactivate link to post on featured image’ is closed to new replies.