SOLVED: Change svg values in breakpoints and :hover

Bugs
1

Version: 1.5.1

You cannot change the values of the svg in the different breakpoints or states, e.g.: hover

image
image467Ă—574 24.7 KB

DUPLICATE: Mobile First Breakpoints: Nestable Slider options; Icon List bugs
WIP: Mobile-first - element defaults added at the wrong breakpoint
DUPLICATE: Custom SVG icons sizes not work in mobile first
DUPLICATE: Text link with SVG Icon, can not set property at Mobile-first design mode
2

Hi Yesid,
Which version are you using?

Best regards,
timmse

3

Hi @timmse, versiĂłn 1.5.1

4

Ok, which element? Based on the screenshot it could be the Icon List…
You notice that some information is missing in your report :smiley:

5
6

Hi Yesid,
Now I finally know what it’s all about :slight_smile:

You’re right. Currently, it doesn’t work because the icon control (and some others) is not a CSS control. Since we have to rewrite the whole control, we can’t implement a “simple fix” but will change that in the future.

Until then, you can use a simple workaround: set a width/height of 100% for your icon and add the desired widths/heights in the Style > Layout tab, or use custom CSS instead.

Best regards,
timmse

DUPLICATE: Icon list hover with svg icon
DUPLICATE: Text Link Icon SVG fill color not Change on hover state
7

any infos when we gonna see better (in best case dynamic) svg options? thanks!

1 Like
8

Hi guys,
This task just popped up while I was working on a similar one—sorry it took so long.

I tested the issue reported here in 2.4 beta-2 and can no longer reproduce it—it’s also possible that it was already fixed in a previous version.