Disable mouse over and icon - by yea73920

This topic has 4 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

  • Avatar: yea73920
    yea73920
    Participant
    June 21, 2018 at 03:37

    Hi

    My blog category page, each post’s picture has 2 icons (link、lightbox ) when mouse over,

    Could you tell me how to turn off? I want it just click picture to every single post simply

    https://imgur.com/a/IU7XEyJ

    Thank you

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 21, 2018 at 08:14

    Hello,

    Please add this code in Theme Options > Custom css or in style.css file of child theme:

    .wp-picture .btn_group a:last-child {
        height: 550px;
        width: 100%;
        margin-top: -36%;
    }
    .wp-picture .btn_group {
        opacity: 0;
    }

    Regards

    Avatar: yea73920
    yea73920
    Participant
    June 21, 2018 at 09:04

    Hi

    Thanks to your snips, It’s vanished,

    But it needs to click two times on the mobile device, then it will go to the single post page

    Could you help me fix it?

    By the way…..

    Relate post area is facing the same issue, too
    https://imgur.com/64LRJRC

    Please help me to disable hover and icon

    Thank you very much

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 21, 2018 at 10:46

    Hello,

    Please change the previous code to:

    .wp-picture .btn_group {
        bottom:  0;
        left:  0;
        right:  0;
        opacity:  0;
    }
    .wp-picture .btn_group a[rel="pphoto"] {
        display: none !important;
    }
    .wp-picture .btn_group a:last-child {
        height: 100%;
        width: 100%;
        border-radius: 0 !important;
    }
    .wp-picture .btn_group a:last-child :before, .swiper-slide .btn_group a:last-child :before, .portfolio-image .btn_group a:last-child :before, .thumbnails-x .btn_group a:last-child :before {
        display: none;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.