Okay
  Public Ticket #2743669
Remove Image link effect
Closed

Comments

  •  23
    Sira started the conversation

    Hi, guys:

    I'm working with Elementor, and when an image has link, it has the theme effect for the links, which in an image is odd.

    How can I remove it? You can see what I'm talking about in the small image "Finalist WSA 2009" that you see in the page.

    You already help me to remove the same thing from Slider Rev arrows and Elementor buttons

    Thanks!

  •  2,265
    Ylli replied

    Hi Sira,

    Please add this CSS code to your Custom CSS area:

    .elementor-image a:after {
        background-color: transparent;
    }
    

    and if it doesn't work then you can add the !important rule:

    .elementor-image a:after {
        background-color: transparent !important;
    }
    

    Have a nice day!

    Kind regards,
    Ylli


      Documentation         Join Kalium Users Group

  •  23
    Sira replied

    It works! I've been trying to achieve it but I haven't be able :)

    And other thing, I know that maybe is too much:

    In this page https://zac-dg.com/Pruebas/Barracuda/news/ I have filters for the news, they have backgrund and no effect on hover.

    Is there any way to make your Portfolio filters of this page https://zac-dg.com/Pruebas/Barracuda/production-yachts/ look  the same? I've been trying with the selector ".product-filter ul li a" and then adding at the end :focus, :hover... but I don't get to make it look properly.

    Thanks again as always

    Sira

  •  2,265
    Ylli replied

    Hi Sira,

    Happy to hear thatsmile.png

    As for your last question:

    This is a customization question but I will try to help you this time. Please add this CSS code on your Custom CSS area:

    /* Portfolio Filter style modification */
    .product-filter a {
        font-size: 13px !important;
        line-height: 1.8 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 6px 8px 6px 8px;
        color: #777777;
        background: #F8F6F4;
    }
    .product-filter .active a {
        background: #DD3333;
        color: #fff;
    }
    .product-filter .active a:hover {
        color: #fff;
    }
    .product-filter a:after {
        background-color: transparent;
    }
    .product-filter ul li {
        margin-left: auto;
    }
    

    Have a nice day!

    Kind regards,
    Ylli


      Documentation         Join Kalium Users Group

  •  23
    Sira replied

    I don't know how can I thank you for this, Ylli, it works really fine!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    THANKS A LOT, that's exactly why I use your theme for almost all my clients (they are not too many lol :)

    Best

    Sira

  •  2,265
    Ylli replied

    Happy to hear those kind words Sira. It would be nice if you can tell your clients to rate our theme from their ThemeForest account (if they are happy with it for sure)smile.png

    Have a great day!

    Will mark this ticket as solved from here.

    Kind regards,
    Ylli


      Documentation         Join Kalium Users Group