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
  • robertpankowski
    Participant

    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

    robertpankowski
    Participant

    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?

    robertpankowski
    Participant

    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.

    robertpankowski
    Participant

    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.

    robertpankowski
    Participant

    Thank you very much. Works like a charm.

    You are most welcome here 🙂

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

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form