Underline zoom +/- button when using OceanWP theme

  • fred576

    (@fred576)


    4 years, 11 months ago

    Hi all,

    I have a small issue. When using the OceanWP theme the zoombuttons + and – are underlined.

    I messed a bit with the CSS option in Google Chrome (inspect) but when adding to “leaflet-control-zoom-out” the option “text-decoration: none;” it is strike through immediately. Thus having no effect.

    Any ideas to solve this?

    I know the CSS file is from Leaflet and not the plugin but you had to start somewhere

    Thanks in advance,

    Fred

    NB I can delete the “underline” option in the OceanWP but then all links are normal text which is no option.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor hupe13

    (@hupe13)

    4 years, 11 months ago

    If you have a child theme, put it there. Or in Customizing your theme “Additional CSS”. 

    .leaflet-control-zoom-in {
  text-decoration: none;
}

.leaflet-control-zoom-out {
  text-decoration: none;
}

    If this doesn’t work, try the !important parameter.

    Thread Starter fred576

    (@fred576)

    4 years, 11 months ago

    The “!important” did the trick, thanks.

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

The topic ‘Underline zoom +/- button when using OceanWP theme’ is closed to new replies.