Support » Plugin: Ajax Search Lite » CSS border colour

  • I would like to change the border colour and width of the results boxes to give the plugin a flat appearance. I have found this hard to recode in CSS. Could you assist me how to adjust this, please?

    • This topic was modified 1 year, 8 months ago by  cshinkin.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi!

    Sure! Can you point me exactly which colors would you like to change?

    To change the width of the results box, use this custom CSS:

    .asl_r {
      min-width: 320px;
    }

    Best,
    Ernest M.

    Hi Ernest thanks for a great plugin and the quick reply. I want to change the results frame borders to narrow or another colour or even possibly remove them giving the backgrounds another colour. Also the search options box at least change the selection tick boxes from black to another.

    Plugin Author wpdreams

    (@wpdreams)

    Hi!

    Sorry about the delay.

    I have constructed a custom CSS code, with comments to each line to what aspects does it affect:

    .asl_r {
        background: #FFF !important; /* Results box background */
        border: 1px solid #FFF !important; /* Results box border */
    }
    .asl_s {
        background: #FFF !important; /* Settings box background */
        border: 1px solid #FFF !important; /* Settings box border */
    }
    .asl_s, .asl_s * {
        color: black !important;    /* Settings box content font color */
    }
    .asl_s .asl_option_inner label {
        background: #FFF !important;    /* Checkbox bacground color */
    }
    
    .asl_s .asl_option_inner label:after {
        color: #000 !important;     /* Checkbox Tick color */
    }

    Just change the color codes to whatever you like, and it should do the trick.

    Best regards,
    Ernest M.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS border colour’ is closed to new replies.