Bienvenue sur le forum d'entraide d'OverBlog.
Nous vous conseillons de chercher une réponse sur notre base de connaissances avant de poster une demande sur le forum.
[RÉSOLU] Réduire l'image des articles en accueil + supprimer le contour de l'image
  • Bonjour à tous,
    comme dans le titre, je souhaiterai savoir s'il est possible de diminuer l'image des articles de la page d'accueil et de retirer le contour (encadré) qui est autour de l'image,

    Merci
  • Bonsoir,

    il va te falloir intervenir sur le code

    gérer....thème....éditer

    toute les modification du code doivent se faire en fin de ton css c'est à dire avant la dernière balise </style> de ton css

    (tu peux la chercher en faisant CTRL + F avec ton clavier (fonction rechercher )


    il te faudra ajouter des lignes de code (voir plus bas) Avant la dernière balise </style> ........de ton css kiwi....celle

    avant </HEAD> et  <BODY>

    ci dessous pour t'aider a visualiser ou se trouve cette balise
    </style>

    image

    ne tiens pas compte du numéro de ligne, il est spécifique à chaque blog.

    donc AVANT  </style> Tu colles ces lignes :

    .post-cover img {
        border: medium none;
        padding: 8px;
        transition: opacity 400ms ease 0s;
        width: 70%;
        height: 70%;

    }

    ______________________
    explication:

    j'ai supprimer la bordure (border) a la passant à "none"

    j'ai ajouté un pourcentage sur la largeur et la hauteur des images en accueil.

    tu peux affiner ces pourcentages selon tes souhaits  :)

    quand tu insère cette ligne de code tu oublie pas les parenthèses ouvrante et fermante (  {  }  )

    _____________

    une fois réduite ton  image en accueil tu peut la centrer si tu le souhaite en ajoutant une marge gauche

    margin-left: 60px;

    le 60 px est reglable aussi

    ce qui donnera au final:


    .post-cover img {
        border: medium none;
        height: 70%;
        margin-left: 60px;
        padding: 8px;
        transition: opacity 400ms ease 0s;
        width: 70%;
    }

    ________________________

    si tu suis tranquillement à la lettre et avec des yeux de lynx ce que je viens d’écrire, tu va y arriver :)


  • Bonjour Mehdi,

    Encore une fois, merci, j'ai suivi ton code et mis les dimensions que je voulais!!
    merci
    ;)
  • Bonjour,

    je viens de regarder ton blog...résultat impeccable........;)

  • Merci B-)