mobile-column-reverse<\/strong> <\/td>| Inverser l’ordre des deux colonnes sur mobile. Ajoutez cette classe avec l’une de celles qui pr\u00e9c\u00e8dent.<\/td><\/tr><\/tbody><\/table><\/figure>
\n
\n Veuillez noter : ces classes n’appliquent pas les styles au sein de l’\u00e9diteur.<\/p>
\n
\n Sign Up<\/h2>
\n
\nLe formulaire d’inscription est fourni par le plugin Happy Forms. Le formulaire est ajout\u00e9 \u00e0 la deuxi\u00e8me colonne \u00e0 l’aide d’un widget de code court. Le code court pour votre formulaire se trouve dans le tableau de bord > Happy Forms<\/strong>. Une conception commune est d’utiliser ces types de CTA pour casser une page. Pour ce faire, nous lui avons donn\u00e9 notre propre style sp\u00e9cial. <\/p>
\n
\nTout d’abord, nous devons faire en sorte que cette ligne s’\u00e9tende jusqu’au bord du conteneur (\u00e0 l’ext\u00e9rieur de la zone de remplissage du contenu). Pour cela, il suffit de s\u00e9lectionner l’option Align Wide dans la barre d’outils Block. Le reste n\u00e9cessite quelques CSS familiers de nos CTA Rows et un peu plus. Voici les classes qu’il utilise : <\/p>
\n
\n - sixty-forty-columns<\/strong>a 60% \/ 40% two column row<\/li>
- column-banner<\/strong>ce qui rend les ajustements de padding n\u00e9cessaires<\/li>
- center-vertical<\/strong>centre verticalement tout contenu plac\u00e9 dans l’une des colonnes du CTA<\/li>
- bg-grey<\/strong>Apporte la couleur de fond grise<\/li><\/ul>
\n
\n
\u00c9dition de la forme<\/h3>
\n
\nLe formulaire peut \u00eatre \u00e9dit\u00e9 \u00e0 partir du tableau de bord > Happy Forms<\/strong>. Si vous cr\u00e9ez un nouveau formulaire, vous devrez mettre \u00e0 jour le code court utilis\u00e9 sur la page de garde. <\/p>
\n
\nModifier la couleur d’arri\u00e8re-plan des lignes<\/h3>
\n
\nAllez dans le Customizer > Additional CSS <\/strong>( ou dans votre feuille de style du th\u00e8me enfant si vous l’avez d\u00e9plac\u00e9e). Et modifiez ce CSS : <\/p>
\n\r\n.bg-grey {\r\n background-color: #f2f3f4;\r\n}<\/code><\/pre>\r\n
\nVous pouvez bien s\u00fbr simplement cr\u00e9er vos propres classes avec des noms plus pertinents pour les couleurs que vous choisissez.<\/p>
\n
\n Puis-je utiliser un autre formulaire ?<\/h3>
\n
\nBien entendu. Si vous souhaitez utiliser un autre plugin de formulaire, il vous suffit de le mettre \u00e0 jour et de remplacer le code court par votre nouveau plugin. <\/p>
\n","protected":false},"excerpt":{"rendered":" Le contenu de la page d’accueil est construit \u00e0 l’aide de l’\u00e9diteur de blocs WordPress 5, alias Gutenberg. Il n’utilise que des blocs de base et des codes courts Woocmmerce. Et comme on pouvait s’y attendre, un peu de CSS a \u00e9t\u00e9 ajout\u00e9. <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[71],"tags":[],"class_list":["post-5607","post","type-post","status-publish","format-standard","hentry","category-stylisme-des-produits-derives","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/posts\/5607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/comments?post=5607"}],"version-history":[{"count":1,"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/posts\/5607\/revisions"}],"predecessor-version":[{"id":5608,"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/posts\/5607\/revisions\/5608"}],"wp:attachment":[{"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/media?parent=5607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/categories?post=5607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vla-bag.ch\/fr\/wp-json\/wp\/v2\/tags?post=5607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
|