Enfold form theme – dark transparent styling

Hi,

Thank you for the info.

Have you checked the zoom settings of the browser on the other device? It’s possible that the browser is zoomed in, which could be making the text and headings appear larger. The font size of the heading tags is set to 1em.

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 1em;
}

Best regards,
Ismael

Hi,

No he is not, that is the CSS which is currently being applied. Did you check your browser/device settings? There is nothing in the theme which would add different styling depending on the device which is being used.

Best regards,
Rikard

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

#top div .av-dark-form input[type="text"], #top .av-custom-form-color .button {
  border-width: 1px !important;
}

Best regards,
Rikard

Hi,

Thank you for the update.

Please include this css code to adjust the border width of the textarea or message field:

#top .avia_ajax_form fieldset .text_area {
    border-width: 1px !important;
}

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Please include this css code to completely override the default dark style:

#top div .av-dark-form .input-text, #top div .av-dark-form input[type="text"], #top div .av-dark-form input[type="input"], #top div .av-dark-form input[type="password"], #top div .av-dark-form input[type="email"], #top div .av-dark-form input[type="number"], #top div .av-dark-form input[type="url"], #top div .av-dark-form input[type="tel"], #top div .av-dark-form input[type="search"], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button {
    border-width: 1px !important;
}

Best regards,
Ismael