[Résolu] Réglages images mises en avant et ajustement des blocs

  • WordPress :4.9.4
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 26)
  • Auteur
    Messages
  • #2161819
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Sueva Free (thème enfant)
    • Extensions en place : Askimet, Block bad queries, Blog2social, download manager, favicon, instagram gallery, Jetpack, Kirki toolkit, Optinmonster, Regenerate Thumbnails, Secupress, SuevaFree essential kit, TinyMCE advanced, Ultimate social media plus, yoast SEO, wp maintenance mode, updraft plus
    • Nom de l’hébergeur : OVH
    • Adresse du site : vert-amande.fr

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

    Bonjour,

    Je suis sur le point de terminer mon site, mais je rencontre encore quelques difficultés notamment pour :

    • La gestion de mes images mises en avant : la miniature qui s’affiche sur ma page d’accueil me convient, en revanche cette même image (rognée) apparaît en haut de mon article (une fois que je clique sur celui-ci). Comment faire pour que mon image mise en avant serve seulement de miniature pour ma page d’accueil ? Je ne souhaite pas qu’elle apparaisse sur mon article. (première PJ)
    • L’ajustement des blocs sur ma page d’accueil. Mon thème me permet de disposer mes articles en grille sur ma page d’accueil : j’ai 3 articles par ligne. Mais impossible de les aligner, il y a toujours un bloc plus grand que l’autre qui décale donc tous les articles des lignes en dessous. Comment faire pour que les blocs soient tous de la même taille et que mon contenu soit aligné ? (deuxième PJ)

    Merci d’avance à tous ceux qui m’aideront 🙂

    Belle journée,

    Amandine

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2162302
    PhiLyon
    Modérateur
    Maître WordPress
    20538 contributions

    Bonjour.

    Essaies ce code dans ton thème enfant

    /* Supprimer l'image en avant dans les articles */
    .single .post-container .wp-post-image {
        display: none;
    }
    
    /* Fixer la hauteur des blocs (si les articles sont sur la page d'accueil */
    .home .post-article {
        height:400px; /* Ajuster la hauteur */
    	overflow:hidden;
    }

    🙂

    #2162399
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    Ok, ça fonctionne pour supprimer l’image en avant dans les articles, super ! Merci beaucoup 🙂

    Pour la suite, effectivement les blocs ont maintenant tous la même hauteur, mais ils ne sont toujours pas alignés… 🙁

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2162401
    PhiLyon
    Modérateur
    Maître WordPress
    20538 contributions

    Mets ton site en ligne.

    🙂

    #2162402
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    C’est fait 🙂

    #2162403
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    Je retire ce que j’ai dit, tout est ok … ! Sur l’aperçu ce n’était pas aligné, mais sur le site, c’est tout bon ! Merci PhilLyon, désolé pour la boulette… !

    #2162404
    PhiLyon
    Modérateur
    Maître WordPress
    20538 contributions

    Chez moi c’est Ok

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2162406
    PhiLyon
    Modérateur
    Maître WordPress
    20538 contributions

    C’est ton surnom la « boulette ». 😆

    🙂

    #2162414
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    Je vois pas du tout ce que tu veux dire…  😆

    #2162457
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    Mais euh… par contre… là c’est pas une boulette…

    Depuis que j’ai ajusté la hauteur des blocs, mon widget HTML où j’insère mon Instagram est monté. Normalement ma jolie barre instagram est « collée » à mon dernier footer… Mais là, il y a un gros vide entre les deux… ! J’ai tenté de supprimer le widget puis de le remettre, sans succès. Une astuce, super Phil ? 🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2162463
    PhiLyon
    Modérateur
    Maître WordPress
    20538 contributions

    Normal, c’est le post-article qui agit, parce que… parce que tu n’as pas mis ton widget Instagram dans le footer mais au dessus dans la page.

    Comment l’as-tu inséré ce widget, il faut le mettre dans Bottom Sidebar?

    🙂

    #2162466
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    Eh bien en fait, je l’ai inséré dans la Full Sidebar (la zone de widget au dessus de la Bottom Sidebar). Sinon mon widget Instagram était à la verticale, et je ne parvenais pas à mettre mes icônes de réseaux sociaux en dessous… J’ai bricolé ^^

    • Cette réponse a été modifiée le il y a 4 months par  Vert-Amande.
    #2162490
    PhiLyon
    Modérateur
    Maître WordPress
    20538 contributions

    Pour tester, colles ce code dans ton CSS et essaies de mettre ton widget Instagram dans la Bottom Sidebar

    #footer_widgets .col-md-3 {width:100% !important; display:inline-block}

    Si ça fonctionne, vérifies que cela ne modifie rien ailleurs dans ton site.

    🙂

    #2162742
    Vert-Amande
    Participant
    Padawan WordPress
    75 contributions

    Bonjour PhiLyon 🙂

    Alors, j’ai introduis ce code dans mon CSS mais il y a deux petits trucs qui clochent :

    • la barre instagram ne s’affiche pas dans toute la largeur
    • mon contenu est vraiment collé à mon footer

    (j’ai mis mon site en ligne si jamais… 😉 )

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2162746
    PhiLyon
    Modérateur
    Maître WordPress
    20538 contributions

    Bonjour.

    Moi j’ai l’image jointe, essaies avec simplement

    #footer_widgets .col-md-3 {width:100% !important;}

    C’est peut-être un reliquat de ton ancien « bricolage ».

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
15 sujets de 1 à 15 (sur un total de 26)
  • Vous devez être connecté pour répondre à ce sujet.