{"id":20,"date":"2026-06-07T14:34:25","date_gmt":"2026-06-07T12:34:25","guid":{"rendered":"http:\/\/mdigital.fr\/?p=20"},"modified":"2026-06-08T14:16:05","modified_gmt":"2026-06-08T12:16:05","slug":"jet-engine-popup-image-css","status":"publish","type":"post","link":"http:\/\/mdigital.fr\/?p=20","title":{"rendered":"Jet Engine Popup Image css"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Avec JetEngine, le popup est rendu via\u00a0<strong>JetPopup<\/strong>\u00a0qui injecte le contenu dans un overlay ind\u00e9pendant du DOM de la page. Le bloc Gutenberg s&rsquo;affiche correctement dans l&rsquo;\u00e9diteur parce que les styles Gutenberg sont charg\u00e9s, mais dans le popup JetPopup en frontend, certains styles de blocs Gutenberg ne sont pas inject\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quant on utilise le Popup de jet engine, le css des \u00e9l\u00e9ments \u00e0 l&rsquo;int\u00e9rieur du popup sont g\u00e9rer par le popup. Certains \u00e9l\u00e9ments comme les images sont control\u00e9s par le CSS du popoup.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CSS additionnel dans Apparence \u2192 Personnaliser<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le popup Jet Popup a une classe wrapper identifiable. Dans les DevTools avec le popup ouvert, cherche une classe du type\u00a0<code>.jet-popup__container<\/code>\u00a0ou\u00a0<code>.jet-popup-overlay<\/code>\u00a0:<\/p>\n\n\n\n<pre class=\"wp-block-code has-theme-palette-3-color has-text-color has-link-color wp-elements-7b308a261429c001a8f401f27d129ac4\"><code>\/* Popup Jetengine Border image *\/\n\n.jet-popup__container .wp-block-image img {\n  border: 5px solid #c9a96e;\n}\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Avec JetEngine, le popup est rendu via\u00a0JetPopup\u00a0qui injecte le contenu dans un overlay ind\u00e9pendant du DOM de la page. Le bloc Gutenberg s&rsquo;affiche correctement dans l&rsquo;\u00e9diteur parce que les styles Gutenberg sont charg\u00e9s, mais dans le popup JetPopup en frontend, certains styles de blocs Gutenberg ne sont pas inject\u00e9s. Quant on utilise le Popup de&#8230;<\/p>\n","protected":false},"author":1,"featured_media":35,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"categories":[5,6],"tags":[],"class_list":["post-20","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jet-engine-2","category-jet-popup"],"_links":{"self":[{"href":"http:\/\/mdigital.fr\/index.php?rest_route=\/wp\/v2\/posts\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mdigital.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mdigital.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mdigital.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mdigital.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":2,"href":"http:\/\/mdigital.fr\/index.php?rest_route=\/wp\/v2\/posts\/20\/revisions"}],"predecessor-version":[{"id":28,"href":"http:\/\/mdigital.fr\/index.php?rest_route=\/wp\/v2\/posts\/20\/revisions\/28"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/mdigital.fr\/index.php?rest_route=\/wp\/v2\/media\/35"}],"wp:attachment":[{"href":"http:\/\/mdigital.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mdigital.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mdigital.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}