Home › Forums › Quform WordPress › styles don’t applies on classes
- This topic has 2 replies, 2 voices, and was last updated 4 years, 8 months ago by Ally.
- AuthorPosts
- May 28, 2020 at 2:04 pm #31336artsolvingParticipant
Hi Ally,
sorry I open a new topic cause the problem persist, with several CSS styles and id’s around the form
so I prefer to explain as well the scenario cause seems conflict exist by setting rules:wanna show a text (option 1 set as default on radio element settings) with style as class1 but on live text get full width as 1 column container related. other option works well, the same if I remove default on option 1
on div element :
id=”some-id” class=”some-class”with CSS on element setting :
font-family: “some-family”;
color: “some-color”;
font-size: “some-size”;CSS on general setting :
.class1 {
width: 600px;
margin: auto;
}.class2 {
width: 800px;
margin: auto;
}.class3 {
width: 1000px;
margin: auto;
}JS on general setting (radio element) :
jQuery(function ($) {
$(‘.quform-field-some_element’).on(‘change’, function () {
if ($(‘.quform-field-some_element_1’).is(‘:checked’)) {
$(‘#some-id’).addClass(‘class1’);
} else {
$(‘#some_id’).removeClass(‘class1’);and so on for other option…
this code work on my codepen, on inspector classes are taken by id.
tnx in advance
May 29, 2020 at 1:23 pm #31355artsolvingParticipanthi,
tnx issue resolved !regards
June 1, 2020 at 11:11 am #31382AllySupport 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.