Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #945439

    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

    #946348

    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

    #946557

    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

    #947638

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.