Hello,
please see this website: http://www.technoclean.it/contatti (use the login data in private content)
From mobile view, how i can increase the margin-top/bottom of the contact columns (where i place the mail, telephone and address) ?
In also, how i can insert an icon in the theme? for example in the topbar i want to show an icon of a telephone near the telephone number, what code i have to use?
thanks and best regards
Hey maloneweb,
Thank you for using Enfold.
Use this css code to adjust the margin between the fields.
.avia_ajax_form.av-form-labels-hidden p {
margin-top: 15px;
margin-bottom: 15px;
}
The icon element or shortcode should work in the phone field. You can generate it with the shortcode wand from the post/page editor. :)
Best regards,
Ismael
Hello Sir,
sorry but maybe i dont explain my problem as good, follow a screenshot:
i want to increase the margin as in the screenshot (between phone, email and address on mobile view).
Regards the icons: is possibile delete the fontello icon pack and replace it with font awesome icon pack (using the layout builder widgets with fonts awesome icon, example the icon box widget) ?
Thanks again and best regards
Hi,
Thank you for the info.
You may use this code to adjust the margin between the columns.
@media only screen and (max-width: 767px) {
.page-id-50 .flex_column.av_one_third {
margin-bottom: 40px !important;
}
}
Unfortunately, you can’t replace the default icon with your own. You can only upload new font icons in the Enfold > Import/Export panel.
Best regards,
Ismael