This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Change checkbox styling

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #19786
    custompczonecustompczone
    Participant

    How can I change the style/size of the checkboxes (see attachment)?

    Thanks

    #19792
    custompczonecustompczone
    Participant

    Just an update, I was able to change the color with this:

    [code]
    #ajaxsearchprosettings3_1.searchsettings .asp_option_inner label, #ajaxsearchprosettings3_2.searchsettings .asp_option_inner label, div.asp_sb.asp_sb_3.searchsettings .asp_option_inner label, div.asp_s.asp_s_3.searchsettings .asp_option_inner label {
    background-image: linear-gradient(180deg, rgb(78,203,182) 0%,rgb(78,203,182) 100%);
    }
    [/code]

    Still having trouble with the sizing though.

    #19802
    Ernest MarcinkoErnest Marcinko
    Keymaster

    Hi,

    The colors of the background and the tick can be changend under the Theme Options -> Settings icon & dropdown panel: https://i.imgur.com/APOEdVd.png

    The size is a bit more problematic, as it is an absolutely positioned element, and changing the size, you might have to change it’s position as well. This custom CSS rule will allow changing all attributes for that, it includes the default size:

    [html].asp_option_inner label {
    width: 17px !important;
    height: 17px !important;
    top: 0px !important;
    left: 0px !important;
    }[/html]

    Changing the width/height, you will most likely have to change the top value as well. You can use negative pixel values for the top/left, in case you need to position it upwards.

    #19816
    custompczonecustompczone
    Participant

    Ok thank you! This can be closed.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change checkbox styling’ is closed to new replies.