checkbox image is too small

  • Resolved bbqkees

    (@bbqkees)


    2 years, 8 months ago

    I’m using your great little plugin.

    The checkbox function has the possibility to set an image icon.
    I use this to clarify the options.

    However, the default icon size is only 12px, which makes it impossible to see the image contents.
    I would like to set it to 70px or so, this makes it clear what it is.

    Unfortunately this size seems hardcoded in the JavaScript files of the plugin.
    I modified it there but every time the plugin is updated, this is overwritten.

    Is there a way to permanently set it to the size I want?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author EDGARROJAS

    (@edgarrojas)

    Hello!

    The checkboxes doesn’t have default images, do you mean the image of a tag in a checkbox?

    Thread Starter bbqkees

    (@bbqkees)

    it’s the image you can place right next to the checkbox for each option.
    It’s image class is optionIcon, but after the image you set another style for the element which comes from the JavaScript:
    style="max-width: 13px; max-height: 13px;"
    so it always renders it 13px.

    I would like to change this 13px to something like 70px so you can actually see the contents of the icon.

    Plugin Author EDGARROJAS

    (@edgarrojas)

    Ah got it, you can do so with an style like this:

    .optionIcon {
    width: 70px !important;
    max-width: 70px !important;
    height: 70px !important;
    max-height: 70px !important;
}

    Regards!

    Thread Starter bbqkees

    (@bbqkees)

    That !important; did the trick. thanks.

    For others who want to apply it as well to all pages at once you can paste the above snippet in here:
    Appearance->Themes->Additional CSS

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘checkbox image is too small’ is closed to new replies.