l’image de la page de publication dans wordpress ne peut pas être centrée et réactive

Publié par Jean-Michel le

J’ai créé une page simple dans wordpress. J’ai fait le thème personnalisé du wordpress. Quand je vais dans ma section page, dans l’éditeur wyswig de ma page sous wordpress, je mets une image. Le problème est que j’ai une publication d’image et que je l’aligne déjà au centre de Wyswig, mais lorsque je l’ai vue sur la page réelle, l’image n’est pas centrée et lorsque je vais sur la vue mobile, mon image ne peut pas être réactive, j’ai également créé un média css requête mais ça ne marche toujours pas.

Voici mon code :

<?php
/*
    Template Name: Custom Page
*/

get_header(); ?>
<div id="wrapper">
<section id="custom">
    <div class="container">

        <?php
        if ( have_posts() ) {
            while ( have_posts() ) {
                the_post(); ?>
                <h2><?php the_title(); ?></h2>
                <hr width="30%" align="left">
                <p><?php the_content(); ?></p>
            <?php } // end while
        } // end if
        ?>

    </div>

</section>
<?php get_footer(); ?>
</div>

Voici ma requête css @media avec maxwidth 460 :

 #custom img {
        width: 100%;
        height: auto;
    }
    #custom h2 {
    margin-top: 32%;
    }

Solution n°1 trouvée

Ce que vous cherchez, c’est la max-widthpropriété.

Pas nécessairement dans le cadre d’une requête média d’ailleurs, quelque chose comme

#custom img {
    // So we can center it
    display:inline-block;
    // Limit the size :
    max-width: 100%;
}

Ensuite, dans votre requête multimédia, vous pouvez adapter les éléments max-widthsimilairesmax-width:50%;

Catégories : Wordpress

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *