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

  • Samiullah345
    Asked on March 27, 2016 at 9:21 AM

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

  • Jan
    Replied 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.

    How do I create a custom CSS for the Gift Registry? Image 1 Screenshot 50

    How do I create a custom CSS for the Gift Registry? Image 2 Screenshot 61

    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.

    How do I create a custom CSS for the Gift Registry? Image 3 Screenshot 72

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

    How do I create a custom CSS for the Gift Registry? Image 4 Screenshot 83

    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.

  • Samiullah345
    Replied on March 27, 2016 at 5:35 PM

    Thanks, it worked! :)