Styling flat radio button and form tabs widgets

  • clewis861
    Asked on November 5, 2015 at 12:34 AM
    Is this the case for all widgets?  I can't get the font size to change in any of the widgets I use (Flat Radio Button, Form Tabs, etc)?
  • Jan
    Replied on November 5, 2015 at 12:59 AM

    You can add custom CSS inside the widget in order to style it based on your preference.

    In order to change the font size of the label in the flat radio button is you need to apply this custom CSS code. Here's how:

    1. Select the widget and then click the "Wizard" icon.

    Styling flat radio button and form tabs widgets Image 1 Screenshot 40

    2. Go to Custom CSS tab.

    Styling flat radio button and form tabs widgets Image 2 Screenshot 51

    3. Put this CSS code on the box.

    label {

    font-size: 20px !important;

    }

    4. Click the finish button when you're done.

     

    You can also add custom CSS in the Form tabs widget. Just select the widget and then click the "Wizard" icon. If you scroll down, you'll see the box where you can add CSS.

    Styling flat radio button and form tabs widgets Image 3 Screenshot 62

    Hope this helps. Let us know if you need further assistance. Thank you.