How to change the color of the button and text of Take Photo widget?

  • Profile Image
    kamuzu101
    Asked on April 21, 2019 at 07:28 PM

    Hello,

    Please, can you help me write CSS custom codes for Take Photo Widget?

    I need the color of the button to be Green and change the word Take Photo to Snap-in.

     ...1555889232NewPicture165.jpg

  • Profile Image
    Kiran
    Answered on April 21, 2019 at 10:42 PM

    Please try adding the CSS code to the custom CSS section of the widget to change the color of the button and text of the widget.

    #takePhoto {

        background: green !important;

    }

    #takePhoto:hover {

        background: limegreen !important;

    }

    #takePhoto {

      text-indent: -9999px;

      line-height: 0;

    }

    #takePhoto:after {

      content: "Snap In";

      text-indent: 0;

      display: block;

      line-height: initial;

    }

    Thanks!