• Resolved Paul

    (@cecil108)


    I have downloaded the plugin yesterday, very impressed.

    On my page https://bit.ly/3Xg31Nb I need to add padding around the text and labels to improve readability.

    What is the CSS that I need to add into the Custom CSS

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @cecil108

    I hope you are doing well.

    We are happy to hear you liked the plugin, you can implement this selector for custom CSS:

    .forminator-ui label{
       margin-bottom: 10px !important;
    }

    If you need the padding you just need to replace using as padding:

    .forminator-ui label{ padding: 10px !important; }

    Best Regards
    Patrick Freitas

    Thread Starter Paul

    (@cecil108)

    Thanks Patrick for the feedback.

    I have updated the custom CSS with both of those lines, no difference in my life site. I have cleared the cache too?

    Plugin Support Kris – WPMU DEV Support

    (@wpmudevsupport13)

    Hi @cecil108

    It seems link to page shared in your 1st reply does not work anymore. Can you share a valind URL to page where form is located?

    Kind Regards,
    Kris

    Thread Starter Paul

    (@cecil108)

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @cecil108

    Could you give it a try on:

    .forminator-field label{
        padding: 10px 0;
    }
    
    .forminator-field {
        display: flex;
        flex-direction: column;
    }

    https://monosnap.com/file/Ak7cttcbUYaehJvXEGZh49RqtQdkVa

    I included a display flex but it is optional in case you want to make fields the way it is visible on the screenshot.

    In case Form > Appearance > Custom CSS doesn’t work, please try:

    #forminator-module-582 .forminator-field label{
        padding: 10px 0;
    }
    
    #forminator-module-582 .forminator-field {
        display: flex;
        flex-direction: column;
    }

    At WordPress > Appearance > Customize > Additional CSS.

    Best Regards
    Patrick Freitas

    Thread Starter Paul

    (@cecil108)

    Hey Patrick,

    Yes, that works great.

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Padding on labels’ is closed to new replies.