seriouslightbox

Forum Replies Created

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

  • Hey guys,

    I figured it out if anyone wants to know:
    Simply add a height in pixels dependant on the size of the checkbox image. Add a min-width in pixels as well, you don’t want to make it a fixed width as the “Saving…” content appears when you click the checkbox, I find that to be very useful.

    Lastly.
    I do not recommend using SVG on WordPress for security purposes I’d recommend using PNG. Since we are talking about a very tiny image, it shouldn’t be a problem in terms of size.

    a.wpc-button-complete, a.wpc-complete, a.wpc-button-completed, a.wpc-completed { background-size: 16px auto;
    height:16px;
    min-width:16px;
    margin: 0;
    padding: 0 0 0 30px;
    color: inherit;
    }

    a.wpc-button-complete, a.wpc-complete {
    background: url(/wp-content/uploads/2021/02/check-box-16.png) left center no-repeat;
    }

    a.wpc-button-completed, a.wpc-completed {
    background: url(/wp-content/uploads/2021/02/check-box-active-16.png) left center no-repeat;
    }

    Hello Zack!
    This worked flawlessly!

    One thing though, if I remove the text “Complete” or “Completed” it will make the checkbox disappear. How would I go about just showing the checkbox with NO text next to it.

    Thanks!

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