Button Problem
senolsengul
hello,
the button in the area I created for email newsletter subscription is not exactly proportional
css code is as follows
#addonId .sppb-optin-form.form-inline .email-wrap {
flex: 1;
}
#addonId .sppb-optin-form input {
box-shadow: 0px 1px 2px rgba(30, 51, 67, 0.2);
}
#addonId .sppb-btn {
margin: 5px;
}
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us and sorry for your issue. You can use this CSS in your custom.css file
#sppb-addon-0f38abaf-4065-49e9-9e32-8c80f3aa224e #btn-0f38abaf-4065-49e9-9e32-8c80f3aa224e.sppb-btn-custom {
padding: 0px 27px 14px 27px !important;
}
#sppb-addon-0f38abaf-4065-49e9-9e32-8c80f3aa224e .sppb-btn {
margin: 0px !important;
}-Regards.
senolsengul
Accepted AnswerThank you for your interest. I added the code to the custom css file but it didn't work properly. The text is not centered properly.
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this CSS in your custom.css file
#btn-0f38abaf-4065-49e9-9e32-8c80f3aa224e.sppb-btn-custom {
padding: 6.5px !important;
}
senolsengul
Accepted Answerhello,
I removed the code you gave in the previous message and added this code. It does not appear properly on the mobile version. There is no problem on the desktop version.
Mehtaz Afsana Borsha
Accepted AnswerYour issue is fixed now. Please check.
NOTE: Make sure you have cleared your Joomla and Browser cache properly. And you can also set the padding of your buttons which you want to set.