distance entre les images « articles récents » (Créer un compte)

  • WordPress :6.2
  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2460436
    Christinedeunepetitelaine
    Participant
    Initié WordPress
    44 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 6.3.1
    • Thème utilisé : NEVE free
    • Extensions en place : 21
    • Nom de l’hébergeur : OVHCloud
    • Adresse du site : https://www.unepetitelaine.fr/

    Problème(s) rencontré(s) :

    Dernière question je pense : comment avoir l’écartement entre les images sur « articles récents », de la page d’accueil, identique à celui de l’archive « journal » par exemple ; j’ai déjà pu installer le css

    }
    .wp-block-latest-posts.is-grid {
    padding: 0px 30px 0px 30px!important;
    }

    pour les bords extérieurs ; merci d’avance. Christine.

    #2460470
    Rock4Temps
    Participant
    Maître WordPress
    1045 contributions

    Bonjour,

    Le bloc derniers articles de la page d’accueil est en tout cas bien
    meilleur en responsive , que la page archive catégorie journal
    de votre thème qui est pleine largeur en vue mobile sans aucune marge.

    il ya un problème majeur avec votre menu en vue mobile.

    #2460472
    Christinedeunepetitelaine
    Participant
    Initié WordPress
    44 contributions

    ok !

    Si j’ajoute une photo de chaque mise en page Accueil / Journal (qui vaut pour les autres catégories) + le css copié-collé en mode aide : vous allez sûrement savoir me conseiller =

    }
    .layout-grid .content>:last-child {
    margin-bottom: 0;
    text-align: center;
    }
    .blog-entry-title.entry-title a {
    font-size: 22px;
    }
    .layout-grid .content>* {
    margin-bottom: 20px;
    text-align: center;
    }
    .wp-block-latest-posts.is-grid {
    padding: 0px 30px 0px 30px!important;
    }
    a.wp-block-latest-posts__post-title {
    font-family: « Marcellus », arial, sans-serif;
    font-size: 23px;!important;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    line-height: 2.5em;
    letter-spacing: 2px;
    }
    .wp-block-latest-posts__post-excerpt {
    font-family: « Poppins »;
    text-align: justify;
    font-size: 15px;
    margin-top: 0.5em;
    margin-bottom: 2em;
    }
    .post-more-link {
    border-bottom: 3px solid;
    display: table;
    font-family: « Marcellus », arial, sans-serif;
    font-size: 16px!important;
    font-weight: 500;
    letter-spacing: 0.25px;!important;
    line-height: normal;
    margin: 2em auto;
    padding-bottom: 8px;
    text-align: center;
    width: auto;
    }

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2460517
    Rock4Temps
    Participant
    Maître WordPress
    1045 contributions

    Bonjour,
    je vous propose ces régles CSS

    /* Bloc Derniers Articles sur PC */
    .wp-block-latest-posts__featured-image img {
    width:415px;
    }

    .wp-block-latest-posts.is-grid {
    padding: 0px 20px 0px 10px!important;
    }

    .wp-block-latest-posts.is-grid li {
    margin: 0 0.8em 1.25em 0!important;
    }

    /* bloc derniers articles sur mobile */
    @media (max-width:599px) {

    body.page .wp-block-latest-posts.is-grid {
    padding: 0px 10px 0px 10px!important;
    }

    .wp-block-latest-posts.is-grid li {
    margin: 0 0 1.25em 0;
    }

    }

    /* Menu */
    @media (max-width:959px) {

    .navbar-toggle {
    color:#FFF;
    }

    .nav-ul li a {
    color: #000;
    }

    }

    Parmi ces régles vous aurez a modifier celle déjà existante

    wp-block-latest-posts.is-grid {
    padding: 0px 30px 0px 30px!important;
    }

     

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.