- WordPress :6.5
- Statut : résolu
- Ce sujet contient 6 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 4 mois et 1 semaine.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL :
- Thème utilisé : Ocean wp
- Extensions en place : Elementor, Mailpoet
- Nom de l’hébergeur : 02 SWitch
- Adresse du site : 999vies.net
Problème(s) rencontré(s) : Bonjour, j’aimerais tout simplement centrer la boite d’abonnement mailpoet pour s’abonner à ma newsletter.
La boîte qui est placé en bas de chaque page /article
Pour un rendu plus esthétique,
Merci d’avance,
Inès
Ci-joint une capture d’écran
Bonjour, merci ferman
J’ai essayé mais ça n’a rien changé,
Je l’ai inséré dans le CSS du site. Sans résultats, puis dans celui de Mailpoet, je te copie le code au cas où tu sais où je pourrais changer
<div>/* form */</div>
<div>.mailpoet_form {</div>
<div>}</div>
<div></div>
<div>margin-left:auto;</div>
<div> margin-right:auto;</div>
<div></div>
<div>h1.mailpoet-heading {</div>
<div>margin: 0 0 20px;</div>
<div>}</div>
<div></div>
<div>p.mailpoet_form_paragraph.last {</div>
<div> margin-bottom: 5px;</div>
<div>}</div>
<div></div>
<div>/* columns */</div>
<div>.mailpoet_column_with_background {</div>
<div> padding: 10px;</div>
<div>}</div>
<div>/* space between columns */</div>
<div>.mailpoet_form_column:not(:first-child) {</div>
<div> margin-left: 20px;</div>
<div>}</div>
<div></div>
<div>/* input wrapper (label + input) */</div>
<div>.mailpoet_paragraph {</div>
<div> line-height:20px;</div>
<div> margin-bottom: 20px;</div>
<div>}</div>
<div></div>
<div>/* labels */</div>
<div>.mailpoet_segment_label,</div>
<div>.mailpoet_text_label,</div>
<div>.mailpoet_textarea_label,</div>
<div>.mailpoet_select_label,</div>
<div>.mailpoet_radio_label,</div>
<div>.mailpoet_checkbox_label,</div>
<div>.mailpoet_list_label,</div>
<div>.mailpoet_date_label {</div>
<div> display:block;</div>
<div> font-weight: normal;</div>
<div>}</div>
<div></div>
<div>/* inputs */</div>
<div>.mailpoet_text,</div>
<div>.mailpoet_textarea,</div>
<div>.mailpoet_select,</div>
<div>.mailpoet_date_month,</div>
<div>.mailpoet_date_day,</div>
<div>.mailpoet_date_year,</div>
<div>.mailpoet_date {</div>
<div> display:block;</div>
<div>}</div>
<div></div>
<div>.mailpoet_text,</div>
<div>.mailpoet_textarea {</div>
<div> width: 200px;</div>
<div>}</div>
<div></div>
<div>.mailpoet_checkbox {</div>
<div>}</div>
<div></div>
<div>.mailpoet_submit {</div>
<div>}</div><div></div>
Hello,
Malheureusement rien ne fonctionne lol
Le CSS fonctionnel c’est bien dans Apparence du Thème / Code du Thème
Si oui :
Je note
<div>#mobile-fullscreen #mobile-search .search-text{</div>
<div>font-size:0px!important;</div>
<div>}</div>
<div>#mobile-fullscreen #mobile-search input, #mobile-fullscreen #mobile-search .search-text:before{</div>
<div>font-size:14px!important;</div>
<div>content: »Saisis ta recherche »;}</div>
<div></div>
<div>.nav-content{</div>
<div>display:none;</div>
<div>}</div>
<div>@media screen and (max-width : 428px) {</div>
<div>.page-header.background-image-page-header .page-header-title {</div>
<div>line-height: 1.3!important;</div>
<div>max-width: 25ch;</div>
<div>padding: 2rem 0;</div>
<div>}</div>
<div>@media screen and (max-width : 550px) {</div>
<div>.background-image-page-header .site-breadcrumbs {</div>
<div>margin-top: 0;</div>
<div>top: auto;</div>
<div>white-space: normal;</div>
<div>overflow: inherit;</div>
<div>margin-bottom: 6rem;</div>
<div>}</div>
<div>.background-image-page-header .site-breadcrumbs li * {</div>
<div>font-size: 10px</div>
<div>}</div>
<div>#main .elementor-post__thumbnail{padding-bottom:0px;}</div>
<div></div>
<div>#mp_form_below_posts3, form.mailpoet_form{display:block;</div>
<div>margin-left:auto;</div><div></div>
<div>Merci pour ton aide,</div>
<div></div>
<div>Inès</div>le css additionnel (pas fonctionnel) c’est dans dans apparence -> personnaliser -> css additionnel. En principe ça devrait marcher.
- Vous devez être connecté pour répondre à ce sujet.