Styling for fieldset not working

  • Resolved Graicifyd

    (@graicifyd)


    4 years, 6 months ago

    After updating my calculated field form plugin, the styling for my fieldset is no longer working…when I inspect the calculator I can’t even see the fieldset in the css. This was the css code I used before:

    fieldset#fieldname53_1 {border-top-left-radius : 10px;
-webkit-box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);
-moz-box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);
box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);

border-width: 0px !important;
background: linear-gradient(90deg, rgba(254,42,113,1) 8%, rgba(107,46,237,1) 100%) !important;
}

    but now when I inspect, I cannot even see the fieldset#fieldname53_1 in the code.

    Please what can I do?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @graicifyd

    Please, send me the link to the page where the form is inserted. If you deleted the fieldname53 field there is no field whose appearance modify.

    For this reason, I don’t recommend to define the styles for specific fields. The preferred alternative would be to define the styles for a custom class name, for example:

    
#fbuilder .my-fieldset{ 
/** Your CSS rules here **/ 
}

    And then, assign the custom class name my-fieldset to the fields whose appearance you want to modify.

    Note: the class names are assigned to the field through their attributes “Add CSS Layout Keywords”.

    Best regards.

    Thread Starter Graicifyd

    (@graicifyd)

    This is the link to the

    page.

    • This reply was modified 4 years, 6 months ago by Graicifyd.
    Plugin Author codepeople

    (@codepeople)

    Hello @graicifyd

    If you want to apply the style to the fieldname53, you should use:

    
#fieldname53_1 {border-top-left-radius : 10px;
-webkit-box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);
-moz-box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);
box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);

border-width: 0px !important;
background: linear-gradient(90deg, rgba(254,42,113,1) 8%, rgba(107,46,237,1) 100%) !important;
}

    If you want to apply it to the fieldset in the fieldname53, the correct would be:

    
.fieldname53_1 fieldset{border-top-left-radius : 10px;
-webkit-box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);
-moz-box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);
box-shadow: -1px -3px 15px -4px rgba(156,153,156,1);

border-width: 0px !important;
background: linear-gradient(90deg, rgba(254,42,113,1) 8%, rgba(107,46,237,1) 100%) !important;
}

    Best regards.

    Thread Starter Graicifyd

    (@graicifyd)

    Thank you so much, it worked.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Styling for fieldset not working’ is closed to new replies.