1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved how can I add the divi icon ***U*** to my product filters only with CSS?

Discussion in 'Free Divi Community Forum' started by neverdowork, Apr 17, 2023.

  1. neverdowork

    neverdowork Member

    Hey community,

    I would like to add the divi magnifying glass icon (code: U) to the left side of my search bar (outside, not inside). My problem is that the whole filter section is generated by a plugin, so i can't copy and paste the icon code there.

    Is there a way to do it purely with CSS?

    Here's a link to my page: https://www.wearex.net/new-testpage/

    Many thanks in advance!
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  3. neverdowork

    neverdowork Member

    Thank you, worked perfectly and the size looks great on all devices!

    Do you think mirroring it along its y-axis is possible, so the glass is "pointing" to the top left corner instead of the top right corner?

    Kind regards,

    neverdowork
     
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts