Home / Admin / Subscribe Styling
Duplicate Snippet

Embed Snippet on Your Site

Subscribe Styling

Apply styling to subscribe form

<10
Code Preview
css
.subscribe .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
    display: inline-block;
    padding: 0;
    margin-bottom: 0 !important;
    width: 50%;
    vertical-align: top;
}
.subscribe .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col, .subscribe .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {
	padding: 0;
}
.subscribe .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row, .subscribe .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row {
	margin-left: -0.5rem;
	margin-right: 0.5rem;
}
.subscribe  .forminator-ui.forminator-custom-form[data-design=flat] .forminator-field, .forminator-ui.forminator-custom-form[data-design=flat] .forminator-field {
	padding: 0.5rem;
}
.subscribe .forminator-ui.forminator-custom-form[data-design=flat] .forminator-button:last-child {
    width: 100%;
}
.subscribe .forminator-size--small .forminator-field {
	padding: initial !important;
}
@media screen and (max-width: 600px) {
    .subscribe .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
    display: block;
    padding: 0;
    margin-bottom: 20px !important;
    width: 100%;
}
}

Comments

Add a Comment