Arrow buttons not changing color

  • Resolved deeoju

    (@deeoju)


    7 months, 1 week ago

    Hello, this css code seems to work only for the close (x) button, but not the navigation arrows.

    .baguetteBox-button svg g {
    stroke: red;
    }

    Do you know why that might be? Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • szerner

    (@szerner)

    6 months, 2 weeks ago

    Since the arrows svg don’t contain a <g> but a <polyline> element you could write in your css:

    .baguetteBox-button g, .baguetteBox-button polyline {
    stroke: red;
    }

    to select both.

    Thread Starter deeoju

    (@deeoju)

    6 months, 2 weeks ago

    Great, thank you very much!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Arrow buttons not changing color’ is closed to new replies.