SOLVED: Dropdown default SVG: stroke color style

Bugs
1

Browser: Chrome 130.0.6723.59
OS: Windows
URL: https://avangtheme.ir/dropdown/

Hi team,

I remember reporting this before but unfortunately couldn’t find it. But I want to go into more detail here…

I’m using an arrow SVG icon in the dropdown element. I will add its code below. The problem is that this icon has a Stroke by default. For example, I set the stroke color to red, but the icon is displayed as below.

SVG
SVG794×247 8.48 KB

Please note that this problem exists only in the dropdown element. If we test this icon in any other element, there is no problem.

Thnaks

<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 16.8a2.7 2.7 0 0 1-1.9-.8L3.5 9.5a1.1 1.1 0 0 1 0-1.1.8.8 0 0 1 1.1 0l6.5 6.5a1.3 1.3 0 0 0 1.8 0l6.5-6.5a.7.7 0 0 1 1 0 .8.8 0 0 1 0 1.1L13.9 16a2.7 2.7 0 0 1-1.9.8Z" fill="#292d32"/></svg>```
2

Hi Hosein,
Thanks for your report!

We can/should replace the default CSS with an inline attribute in the default SVG - that would solve the problem.

In the meantime, you can simply set the stroke color to none, since your SVG only uses fill anyway.

Best,
timmse

1 Like
3

Hi Hosein,
We’ve fixed this issue in Bricks 1.11.1, now available as a one-click update in your WordPress Dashboard.

Changelog: Bricks 1.11.1 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like