How do I create a custom CSS for the Gift Registry?

  • Profile Image
    Asked on March 27, 2016 at 09:21 AM

    How do I create a Custom CSS for the Gift Registry? Any help would be highly Appreciated. 

  • Profile Image
    Answered on March 27, 2016 at 10:07 AM

    You can use Google Chrome Developers tool in order to get the class or id of an element. These ids or elements can be targeted using CSS. You just need to do a right click in the Chrome browser and choose inspect element.

    Once you have the class, you can create your own CSS. An example would be:

    .checklist {

    background-color: red;


    Now, you need to paste that CSS code in the widget itself. In the Form Builder, please select the Gift Registry widget and then click the "Wizard" icon.

    In the widget wizard, go to the "Custom CSS" tab. Paste the CSS code and then click "Update Widget" button.

    If you need our help in creating a custom CSS, please let us know. Just please describe specifically how would you like the widget to looks like and we'll do what we can.

    Hope that helps. Thank you.

  • Profile Image
    Answered on March 27, 2016 at 05:35 PM

    Thanks, it worked! :)