MD-Card Failure Material design pro for cf7

  • Resolved denniswitt

    (@denniswitt)


    4 years, 9 months ago

    hey all,
    here i tried to build a MD-Card with Material design for CF7. In the past it ws working very well. But now it looks somehow wrong. the size of the headline is much to big. i checked everything i could find. but nothing helped. any ideas how to fix it? cause like this it looks horrible. thanks in advance

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author GusRuss89

    (@gusruss89)

    Hi @denniswitt ,

    Thanks for using my plugin!

    Could you please post your form code?

    Thanks,
    Angus

    Thread Starter denniswitt

    (@denniswitt)

    sure, thats how it looks like:

    [md-form]
    [md-card title=”Rezeptfoto” subtitle=”anh?ngen”]

    [md-file btn_text=”Rezeptfoto” nofile=””]
    [file file-501 limit:6mb filetypes:jpg|pdf|jpeg|gif|bmp]
    [/md-file]

    [group Rezeptfoto2]
    Weitere Fotos übermitteln:
    [md-file btn_text=”Rezeptfoto” nofile=””]
    [file file-502 limit:6mb filetypes:jpg|pdf|jpeg|gif|bmp]
    [/md-file]
    [/group]
    [group Rezeptfoto3]
    Weitere Fotos übermitteln:
    [md-file btn_text=”Rezeptfoto” nofile=””]
    [file file-503 limit:6mb filetypes:jpg|pdf|jpeg|gif|bmp]
    [/md-file]
    [/group]
    [group Rezeptfoto4]
    Weitere Fotos übermitteln:
    [md-file btn_text=”Rezeptfoto” nofile=””]
    [file file-504 limit:6mb filetypes:jpg|pdf|jpeg|gif|bmp]
    [/md-file]
    [/group]

    [md-textarea label=”zus?tzliche Wünsche/Bestellungen/Nachrichten”]
    [textarea textfeld1]
    [/md-textarea]

    [md-text label=”Ihre Email-Adresse”]
    [email* email-002]
    [/md-text]

    [md-checkbox tabletwidth=”4″ desktopwidth=”6″]
    [checkbox* checkbox603 terms=”Ich habe die Datenschutz- und
    Einwilligungserkl?rung     gelesen und stimme zu.”]
    [/md-checkbox]

    [md-submit tabletwidth=”4″ desktopwidth=”6″]
    [submit “Reservierung senden”]
    [/md-submit]

    [/md-card]

    [/md-form]

    Plugin Contributor Addons for Contact Form 7

    (@contactform7addons)

    Hi @denniswitt

    Your theme has this CSS which is creating the space. This CSS is bad because it is overly generic (it will affect everything on the page that is a section element.

    section {
    padding: 80px 0;
}

    If you have the ability to remove that CSS or make it more specific, that will fix your issue. Otherwise you can just override it for the material forms by adding this CSS under Appearance > Customize > Material Design Forms > Custom CSS

    #cf7md-form .cf7md-card-header {
    padding: 0;
}

    Thanks,
    Angus

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘MD-Card Failure Material design pro for cf7’ is closed to new replies.