Target layers with CSS

  • Resolved BL-Zach

    (@bl-zach)


    5 years, 6 months ago

    I am no longer able to target Layers with CSS. Is this due to a plugin update?

    How can I adjust the hover settings on a layer? I’ve tried to add additional CSS classes to layers and try to change the Custom CSS that way, but it doesn’t seem to work. It seems the naming system of the layers changed from vision-lr-1 and lr-2 is no longer valid?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Avirtum

    (@avirtum)

    5 years, 6 months ago

    Yes, you’re right. I’ve change markup. Now it looks like this [.vision-layer -> .vision-pos -> .vision-zoom -> .vision-offset -> .vision-body]

    If you want to apply some custom css style, you can use this

    .vision-layer .vision-body {
    transform:rotate(90deg);
    }

    or this

    .vision-layer[data-layer-id=”4bfef02f”] .vision-body {
    transform:rotate(90deg);
    }

    Thread Starter BL-Zach

    (@bl-zach)

    5 years, 6 months ago

    Thanks. This is the code that ended up working.

    .vision-map-1 .vision-layers [data-layer-id=”dd75a8bf”] .vision-body {
    color: #777777;
    }

    However, the custom CSS seems to overwrite any changes in the existing layers. For instance, if I change the tooltip offset in an existing layer then hit save, all the custom CSS styles disappear. And vice versa: if I hit save in the custom CSS tab, all the recent changes to the layers disappear.

    • This reply was modified 5 years, 6 months ago by BL-Zach.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Target layers with CSS’ is closed to new replies.