How can I remove the image zoom/overlay/icon and make the whole image clickable?

  • Resolved ArkonLabs

    (@arkonlabs)


    9 years ago

    Hi,

    I would like to be able to remove the image zoom effect, the dark overlay, and the “i” icon that shows up when you hover on the image for a post.

    I’m sure this could be done with CSS but do you have some guidance on what changes to make? It would be great if these options could be included within the plugin settings.

    Thanks for your hard work!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author RadiusTheme

    (@techlabpro1)

    9 years ago

    Hello,
    Which layout you are using?

    Write this css in custom css option

    This is for layout 1

    .rt-tpg-container .layout1 .rt-holder .rt-img-holder .overlay {
    display: none;
    }

    Thanks

    Thread Starter ArkonLabs

    (@arkonlabs)

    9 years ago

    Layout 2, sorry should have included that in the post.

    Plugin Author RadiusTheme

    (@techlabpro1)

    9 years ago

    See the documentation https://www.radiustheme.com/how-to-setup-configure-the-post-grid-free-version-for-wordpress/#settings

    Write custom css in this box.

    .rt-tpg-container .layout2 .rt-holder .rt-img-holder .overlay {
    display: none;
    }

    Thanks

    Thread Starter ArkonLabs

    (@arkonlabs)

    9 years ago

    Thank you so much, I’ll try that out

    Thread Starter ArkonLabs

    (@arkonlabs)

    9 years ago

    I’m back, so that seems to have worked for the overlay, but now I’m looking for how to remove the “zooming” of the image within the thumbnail.

    I’ve used the element inspector to try to figure out what I need to change but I can’t seem to figure it out.

    Plugin Author RadiusTheme

    (@techlabpro1)

    9 years ago

    Remove this class from css

    .rt-tpg-container .layout2 .rt-holder .rt-img-holder:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    }

    Plugin Author RadiusTheme

    (@techlabpro1)

    8 years, 11 months ago

    I am closing this topic. If need any more support please let me know.

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘How can I remove the image zoom/overlay/icon and make the whole image clickable?’ is closed to new replies.