• hausinteractive

    (@hausinteractive)


    I have installed this plugin on many sites and I’ve found that having some alert messages to the right of the form fields and some below are problematic, especially when you’re working with responsive themes in which the messages will need to display beneath.

    I would like to suggest that the following change be made:

    In: includes/css/styles.css:

    For the style:

    span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    }

    Add:

    clear: both;

    This will make the form more responsive and also help avoid problems on large breakpoints as seen in the linked image. The theme being used for this specific example is Prestige: https://themeforest.net/item/prestige-ultimate-wordpress-theme/132654

    Wrapping alert message on large breakpoint

  • The topic ‘CSS merge request’ is closed to new replies.