Custom CSS

  • Resolved Winework

    (@winework)


    10 months, 2 weeks ago

    Greetings Forminators,

    Re: CUSTOM CSS

    We have a form that has multiple instances of the CHECKBOX field.
    Firstly, there is one instance that we want to be able to style independently of the other instances of that field. Specifically, we want to independently style the following characteristics…

    .forminator-checkbox {width:160px; height:180px;}
    .forminator-checkbox-image {width:150px; height:250px;}
    .forminator-checkbox-image span {width:150px; height:250px;}
    .forminator-checkbox-label {margin-top:280px;}
    .forminator-checkbox-box{margin-top:280px;}

    But to do so in only ONE instance of the CHECKBOX field used within the form.

    How can we create a UNIQUE CSS CLASS for the once instance of the CHECKBOX field?
    Please give the correct CSS syntax.

    Secondly, when we apply the above styles, the PREVIOUS and NEXT buttons overlay the images used with the CHECKBOX field. Can you suggest a resolution for this too please?

    Thank you,
    CRF
    Winework Solutions LImited

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    10 months, 2 weeks ago

    Hello @winework

    I hope you are doing well today.

    You can add a unique Class for each field including the checkbox field, which you can find in in field edit -> styling tab. Additionally, each field has a unique ID however it will be changed with each refresh so you can’t use that.

    View post on imgur.com

    Secondly, when we apply the above styles, the PREVIOUS and NEXT buttons overlay the images used with the CHECKBOX field. Can you suggest a resolution for this too please?

    You should change the whole checkbox option height based on image size to fix this, for example, you can target label[id*=forminator-field-checkbox]

    View post on imgur.com

    Please note, we can’t provide a custom code, and its out scope of our support but if you need further help please temporarily disable password protect for your staging so we can check the current form on your site.

    Kind Regards
    Amin

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    10 months, 1 week ago

    Hi @winework,

    Since we haven’t heard from you for a while. I’ll mark this thread as resolved for now. Please feel free to re-open this thread if you need any further assistance.

    Regards,

    Nithin

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Custom CSS’ is closed to new replies.