Image Radio Button --- Margins or Space between Images

  • MaidCrew
    Asked on April 26, 2017 at 6:38 PM

    Hello... 

    Could I get some help with CSS for reducing the margin or space between images. I would like to get about a 3px space between the images. Is this possible?

    Thanks.

  • Kevin Support Team Lead
    Replied on April 26, 2017 at 8:23 PM

    You could try injecting the following CSS code: 

    ul#images_button_container li {

        padding-right: 0px;

        margin-right: 3px;

        padding-left: 0px;

        margin-left: 0px;

    }

    To inject the code to the widget, click on the wizard icon and go to the Custom CSS tab: 

    Image Radio Button     Margins or Space between Images Image 1 Screenshot 30

    This should be the result: 

    Image Radio Button     Margins or Space between Images Image 2 Screenshot 41

    Hope this helps. 

  • MaidCrew
    Replied on April 26, 2017 at 9:13 PM

    Worked Great! Thanks very much!