Home › Forums › Quform WordPress › add classes
- This topic has 21 replies, 2 voices, and was last updated 4 years, 9 months ago by
artsolving.
- AuthorPosts
- April 23, 2020 at 4:25 pm #31020
artsolving
Participanthi 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.April 23, 2020 at 4:30 pm #31022artsolving
Participantsorry, the issue referring to CSS classes
April 24, 2020 at 6:26 am #31023Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
April 24, 2020 at 10:49 am #31029artsolving
ParticipantApril 27, 2020 at 9:47 am #31033Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
April 27, 2020 at 3:19 pm #31037artsolving
Participanttnx,
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 ?
April 29, 2020 at 10:48 am #31045Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
April 29, 2020 at 4:58 pm #31057artsolving
ParticipantApril 30, 2020 at 10:39 am #31063Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
April 30, 2020 at 11:04 am #31064artsolving
Participanthi,
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.May 4, 2020 at 10:23 am #31088Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
May 4, 2020 at 6:36 pm #31102artsolving
ParticipantHI,
using @import in Settings > custom CSS have no result.
maybe charging a folder in quform font inside wp-content > plugin > quform ?May 5, 2020 at 10:31 am #31106Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
May 5, 2020 at 1:16 pm #31114artsolving
Participanthi,
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
May 6, 2020 at 11:07 am #31122Ally
Support StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
- AuthorPosts
- You must be logged in to reply to this topic.