button_close.svg is huge in infobox

  • Resolved be0711

    (@be0711)


    4 years, 5 months ago

    Hi all,

    I’ve just started trying out this plugin and it looks very promising so far.
    I’m using the Glaze Blog Lite theme and I have trouble with the infobox on my map. The close button (button_close.svg) is huge – the whole size of the infobox, in my case 303x303px instead of intrinsic 12x12px. See this example.
    I tried to find the reason and to me (I’m an IT person, but not a web-designer, not familiar with HTML and CSS) it looks like the reason is the inherited width attribute in the img class from my theme.

    .editor-entry img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    width: inherit;
}

    If I switch off the width attribute in Chrome developer tools the close button is the correct size of 12x12px. Can you find a solution to override such inherited values?

    If you need any more information please let me know.
    Kind regards
    Ben

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

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

    (@bluisier)

    Hi,

    Yeah that’s exactly where the problem is. If you can just edit the CSS of your theme it’s the easiest way to fix this.

    You could also try to add smthing like this in the CSS of your theme:

    
.editor-entry .novo-map_infobox_style_default img {
    width: 12px;
}
    • This reply was modified 4 years, 5 months ago by bluisier.
    Thread Starter be0711

    (@be0711)

    Thank you very much. That code snippet was exactly what I needed. The problem is fixed now.

    Kind regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘button_close.svg is huge in infobox’ is closed to new replies.