add classes

Home Forums Quform WordPress add classes

This topic is: resolved
Viewing 15 posts - 1 through 15 (of 22 total)
  • Author
    Posts
  • #31020
    artsolving
    Participant

    hi ally,
    hope this find you well.
    renew support for this issue:
    i want add classes to a html element depending on checkboxes, drop or radio also related between them.

    starting with checkbox within a js like this, but nothing else than show the input text relate to:

    jQuery(function ($) {

    $(‘.quform-field-1_862’).blur(function () {
    $(‘#titlehead2col’).text($(this).val());
    });

    var style = $(‘.quform-field-1_1513:checked’).val();
    if (style == ‘grassetto’) {
    $(‘#titlehead2col’).addClass(‘bold’);
    }
    else {
    $(‘#titlehead2col’).removeClass(‘bold’);
    }
    if (style == ‘corsivo’) {
    $(‘#titlehead2col’).addClass(‘italic’);
    }
    else {
    $(‘#titlehead2col’).removeClass(‘italic’);
    }

    });

    this above just last one I’ve tried across several other codes… I resolved with another script inside html but the problem is that I’ll not receive datas after submitting in email.

    help, please !

    Attachments:
    You must be logged in to view attached files.
    #31022
    artsolving
    Participant

    sorry, the issue referring to CSS classes

    #31023
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31029
    artsolving
    Participant

    hi,
    send you link for more explain the scenario with added radio options for the complete functions of the code.
    CSS are setting in Quform settings.

    tnx

    #31033
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31037
    artsolving
    Participant

    tnx,
    however I don’t find a source for a radio button.

    with this CSS

    .montserrat-font{
    font-family: “Montserrat”, sans serif;
    }

    .roboto-font{
    font-family: “Roboto”, sans serif;
    }

    .opensans-font{
    font-family: “Open Sans”, sans serif;
    }

    .raleway-font{
    font-family: “Raleway”, sans serif;
    }

    and this script:

    jQuery(function ($) {

    $(‘.quform-field-14_5358’).on(‘click’, function () {

    if ($(‘.quform-field-14_5358_1’).is(‘:checked’)) {
    $(‘#texthead2col’).addClass(‘montserrat-font’);
    } else {
    $(‘#texthead2col’).removeClass(‘montserrat-font’);
    }

    if ($(‘.quform-field-14_5358_2’).is(‘:checked’)) {
    $(‘#texthead2col’).addClass(‘roboto-font’);
    } else {
    $(‘#texthead2col’).removeClass(‘roboto-font’);
    }

    if ($(‘.quform-field-14_5358_3’).is(‘:checked’)) {
    $(‘#texthead2col’).addClass(‘opensans-font’);
    } else {
    $(‘#texthead2col’).removeClass(‘opensans-font’);
    }

    if ($(‘.quform-field-14_5358_4’).is(‘:checked’)) {
    $(‘#texthead2col’).addClass(‘raleway-font’);
    } else {
    $(‘#texthead2col’).removeClass(‘raleway-font’);
    }

    });

    });

    no result.

    suggestions ?

    #31045
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31057
    artsolving
    Participant
    #31063
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31064
    artsolving
    Participant

    hi,
    checked this too and its same for me but on live shows even a Times font.

    maybe problem with CSS syntax ?

    .roboto {
    font-family: “Roboto”;
    }

    .opensans {
    font-family: “Open Sans”;
    }

    .raleway {
    font-family: “Raleway”;
    }

    tnx

    Attachments:
    You must be logged in to view attached files.
    #31088
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31102
    artsolving
    Participant

    HI,
    using @import in Settings > custom CSS have no result.
    maybe charging a folder in quform font inside wp-content > plugin > quform ?

    #31106
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #31114
    artsolving
    Participant

    hi,
    sorry but I don’t want apply to the whole theme just the id element.
    some font family are charged for ex. Impact and Courier.
    maybe the issue depend on how I define the family ?

    however tnx for your help

    #31122
    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

Viewing 15 posts - 1 through 15 (of 22 total)
  • You must be logged in to reply to this topic.
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy