Hello,
I'm trying to set padding-left value to 0px for #form-title-wrap but it's not changing!
any way to do it?
#form-title-wrap {
padding-left: 0px;
}
I've solved the issue also with a different resolve :
#form-title-wrap {
padding-top: 5% !important;
padding-right: 5% !important;
padding-bottom: 5% !important;
padding-left: 5% !important;
}
and it worked good.
Thanks for your help!
Hi Mohamed,
The reason your CSS isn't working is because the #form-title-wrap div contains inline styling, which overrides the styling specified in your CSS--if you right-click the title section of the form, choose "Inspect", and look at the #form-title-wrap div, you'll see that it looks like this:
<div id="form-title-wrap" style="padding-left: 145px">...</div>
You can use the following jQuery snippet to change the padding-left value to '0px':
$('#form-title-wrap').css({paddingLeft: '0px'});
If you add this snippet to the JavaScript section of the "CSS and JavaScript" tab for your form, then inspect the form title, you'll see that the padding-left style has been set to 0px; however, I do not know if this will achieve the visual outcome you're hoping for.
Good luck,
Rob