Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 14, 2022 at 10:01 am #1358290
    dss-technologies

    Hello,

    I would like to know how can I customize the font size, family and colour and background colour of the popup message of the contact form in the avia layout builder?

    Thank you in advance!

    Peter

    July 14, 2022 at 10:40 am #1358298
    Ismael

    Hey dss-technologies,

    Thank you for the inquiry.

    Are you you referring to the popup message after sending a form? If so, please try to use this css code.

    .avia-form-success {
	text-align: center;
	border-style: solid;
	border-width: 1px;
	padding: 20px 15px;
	line-height: 1.4em;
	border-radius: 2px;
	clear: both;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    July 14, 2022 at 10:49 am #1358301
    dss-technologies

    Hi Ismael,

    Thank you for the fast response.

    Yes, I am referring to the popup message. Right now it is a white background message with black text.
    I would like it to have no background, Montserrat font type and 14 px font size.

    Is that possible?

    Thanks!

    July 15, 2022 at 12:15 am #1358403
    Mike

    Hi,
    Please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    .avia-form-success {
	font-family: 'montserrat';
	font-size: 14px;
	background: transparent;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 15, 2022 at 9:07 am #1358425
    dss-technologies

    Hello Mike,

    Thank you but that didn’t work. It’s the same font, size and colours as before. I tried with several devices (with one that I haven’t opened the page with) and also deleted the browser cache.

    Peter

    July 15, 2022 at 10:06 am #1358437
    Ismael

    Hi Peter,

    Thanks for the update.

    Where can we check the contact form? Please post the site URL in the private field so that we can check the modification further. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings while editing the site.

    Best regards,
    Ismael

    July 15, 2022 at 10:32 am #1358448
    dss-technologies

    Hi Ismael,

    Thanks for the fast response. I posted the link to the contact form. The compression was disabled while I edited the site.

    Thank you in advance!

    July 15, 2022 at 12:05 pm #1358471
    Ismael

    Hi,

    Thank you for the info.

    The changes are not working because the advanced styling for the h3 element overrides the custom css. Try to use a more specific selector, or replace the previous css with the following code.

    #top #wrap_all #main .avia-form-success {
    font-family: 'montserrat';
    font-size: 18px;
    background: transparent;
    color: red;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    July 15, 2022 at 12:15 pm #1358475
    dss-technologies

    Hi Ismael,

    Thank you very much!! That worked and now I can edit it the way I want.

    Great support, thanks!

    July 15, 2022 at 12:20 pm #1358476
    dss-technologies

    Just another question because I don’t want to start another topic.

    I am using translatepress to translate my site and I am using the contact form of the avia layout builder. Is there a way to translate the automatic email that the contact form sends?

    Thank you in advance!

    July 22, 2022 at 7:30 am #1359147
    Ismael

    Hi,

    Is there a way to translate the automatic email that the contact form sends?

    This is possible with the WPML plugin, another translation or multilanguage plugin for WordPress which is compatible or is fully configured in the theme. Unfortunately, we haven’t tested the translatepress plugin before and it doesn’t have any configuration in the theme, so this might not be possible. You may need to contact the plugin developers for additional assistance.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

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