Change button text and svg icon color on mobile view

  • Resolved hbehroz

    (@hbehroz)


    2 years, 3 months ago

    Hello,

    I really like the Woostify theme and I think it’s an awesome theme for WooCommerce, great job and very well done team!

    I have a question regarding the following element:

    <button id=”toggle-sidebar-mobile-button” class=”filter show”>
    <span class=”woostify-svg-icon icon-filter”><svg version=”1.1″ xmlns=”https://www.w3.org/2000/svg&#8221; xmlns:xlink=”https://www.w3.org/1999/xlink&#8221; width=”17″ height=”17″ viewBox=”0 0 17 17″>
    <g>
    </g>
    <path d=”M0.54 0l6.46 9.229v7.771h3v-7.771l6.46-9.229h-15.92zM9 8.914v7.086h-1v-7.086l-5.54-7.914h12.080l-5.54 7.914z” fill=”#000000″></path>
    </svg>
    </span> Filter</button>

    The border of this button is visible on the shop archive mobile page, but the svg icon and text are not visible. I want to edit only the text & svg icon color of it – how can I change it to #0C293D?

    Note: I’m using Elemtentor free page builder and if I go to Website settings in Elementor and change the button color globally to #0C293D, then everything is fine and the text + svg icon of this button is visible. But, in 99% cases on my website I need the button color to be #FFFFFF.
    Hence, I want to edit only this specific button, please support me!

    Attached the screenshot of the button:

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change button text and svg icon color on mobile view’ is closed to new replies.