CSS form Sellsy (solution)

Bonjour @misterlolo,

Pour répondre à votre question :

`Bonjour Michael,

j’ai bien installé votre plugin à mon site WP et correctement relié au compte Sellsy. cool

Mais je voudrais pourvoir créer parfois 2 ou 3 colonnes de champs pour:
[civilité] [nom] [prenom]
[email] [ mobile]
[société] [fonction] [code potal]
[message]
quel code CSS personnalisé dois-je rajouter pour y arriver ?

Je voudrais aussi pour gagner de la place pouvoir écrire société, nom, prénom....à l'intérieur des champs plutôt qu'au dessus.
quel code CSS personnalisé dois-je rajouter pour y arriver ?

et Comment mettre à droite le bouton [envoi] ?

merci pour votre aide 🙂
Laurent`

Vous pouvez utiliser le CSS et JS suivant :

.form_contact_1{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
#form_contact #contact_form_company_name,
#form_contact #contact_form_company_siren,
#form_contact #contact_form_company_siret{
    width: 33% !important;
}
#form_contact #contact_form_contact_firstname,
#form_contact #contact_form_contact_lastname,
#form_contact #contact_form_contact_phone_1,
#form_contact #contact_form_contact_phone_2,
#form_contact #contact_form_address_zip,
#form_contact #contact_form_address_town{
    width: 50% !important;
}
#form_contact label{ display: none; }

const formLabel = {
        contact_form_company_name: 'Société',
        contact_form_company_siren: 'Siren',
        contact_form_company_siret: 'Siret',
        contact_form_company_rcs: 'RCS',
        contact_form_contact_civility: 'Civilité',
        contact_form_contact_lastname: 'Nom *',
        contact_form_contact_firstname: 'Prénom',
        contact_form_contact_email: 'Email *',
        contact_form_contact_phone_1: 'Téléphone',
        contact_form_contact_phone_2: 'Mobile',
        contact_form_contact_function: 'Fonction',
        contact_form_address_street: 'Adresse',
        contact_form_address_zip: 'Code postal',
        contact_form_address_town: 'Ville',
        contact_form_address_country: 'Pays',
        contact_form_website: 'Site web',
        contact_form_note: 'Note'
    };

    for (const prop in formLabel) {
        document.getElementById(<code>${prop}</code>).placeholder = <code>${formLabel[prop]}</code>;
    }

Changez les balises code dans le JS par un `

NB : vous pouvez adapter cette exemple à vos besoins.

Michael

• This topic was modified 2 years, 11 months ago by Sellsy.
• This topic was modified 2 years, 11 months ago by Sellsy.
• This topic was modified 2 years, 11 months ago by Sellsy.
• This topic was modified 2 years, 11 months ago by Sellsy.
• This topic was modified 2 years, 11 months ago by Sellsy.

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