How to remove the magnifier icon from blog posts?

Home Forums Jevelin Theme How to remove the magnifier icon from blog posts?

Home Forums Jevelin Theme How to remove the magnifier icon from blog posts?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • Hello, I really like the zoom on blog posts and the link icon that shows up on mouse over, but on my specific page the magnifier icon that opens the featured image doesn’t make a lot of sense.

     

    How could I turn it off on my site?

    Hi @robertpankowski,

     

    I hope you are well today and thank you for your question.

     

    We can turn it off on specific page by developing custom CSS code so could you please share me the page URL from your site where you want to do this so that i can help you to achieve it?

     

    Best regards,
    Shufflehound team

    Please find below the list of pages:

    I tried to access the shared pages but i am getting an error “This site can’t be reached” so can’t access it.

     

    Could you please make sure they are accessible?

    Those are intranet links, so there is no way you will access them from the web. I would assume the custom CSS will work the same way on any Jevelin Theme?

     

    Do you need the source code of one of these pages for example? Would that help?

    If you share me screenshot of one of the page where magnifier icon is displaying and  page IDs of all the pages then it would be helpful for me to develop CSS code.

    These are pages. Do you mean post IDs as in /wp-admin/post.php?post=51&action=edit ?

     

    If yes than these are the following: 51, 140, 621 and 179

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    Not post IDs but the page IDs that you can find as described in the following pages.

     

    https://www.competethemes.com/blog/find-page-id/

    https://artisanthemes.io/find-page-id-wordpress/

     

    You can remove magnifier icon on those pages by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .page-id-8250 .blog-list a.sh-overlay-item:last-child {
        display:none;
    }
    
    .page-id-8250 .sh-overlay-item:first-child .sh-overlay-item-container {
        right: 40%;
    }

     

    Please change the page ID 8250 in the above CSS code to whatever you want to.

    Thank you very much. Works like a charm.

    You are most welcome here 🙂

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