Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

custom icon is always filled

  • When I add a custom icon that have a an empty area it is inserted as filled
    https://imgur.com/a/GxJbwW9

    I tried many icon libraries it seems to happen with most of them

  • Hi there,

    can you share a link to the page where I can see the issue ?

  • It’s a local instal but i found the issue to be with this:
    p.gb-headline-0f5e936d .gb-icon svg {
    fill: currentColor;
    }

  • Yeah, in the current version of GB the expectation is that all icons use a single fill
    If you have multiple paths where the fill needs to be something else then you would beed to include the fill attribute with a color value in the SVG code.

    Alternatively it may require the SVG to be updated so “hidden” paths don’t exist.

    If you want o share the SVG code here, I am happy to take a look.

  • <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-weight"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M6.835 9h10.33a1 1 0 0 1 .984 .821l1.637 9a1 1 0 0 1 -.984 1.179h-13.604a1 1 0 0 1 -.984 -1.179l1.637 -9a1 1 0 0 1 .984 -.821z" /></svg>

  • Are all your icons built as Strokes ? ( no fills )

  • I’m using tabler icon library I tried couple others seems to be same issue, they work well with “The Icon Block” so I don’t know

    also when fill=none it seems to ignore it

  • OK. Might be easier if to add some CSS like so:

    
    .gb-icon svg {
        fill: initial !important;
    }
    

    In GB 2.0 you will have separate Fill and Stroke color controls

  • That didn’t solve it, I made it fill: none for now but will be waiting the update

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.