[Résolu] Ombre sur mon image d’article / Elementor (Créer un compte)

  • WordPress :6.4
  • Statut : résolu
  • Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par ineys, le il y a 3 mois.
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2473695
    ineys
    Participant
    Chevalier WordPress
    112 contributions
    • Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : océan wp
    • Extensions en place : Elementor
    • Nom de l’hébergeur : 02 Switch
    • Adresse du site : 999vies.net

    Problème(s) rencontré(s) : ce n’est pas un grave soucis mais uniquement sur mon mobile j’ai ce soucis d’énorme carré gris sous chaque pochette d’article. Ce qui n’est visuellement peu attrayant.

    Lieu du soucis : pochettes d’articles page d’accueil

    Savez vous pourquoi et voyez vous la même chose que moi en mode responsive ?

     

    Merci

    • Ce sujet a été modifié le il y a 4 mois et 2 semaines par ineys.
    • Ce sujet a été modifié le il y a 4 mois et 2 semaines par ineys.
    • Ce sujet a été modifié le il y a 4 mois et 2 semaines par ineys.
    • Ce sujet a été modifié le il y a 4 mois et 2 semaines par ineys.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2473705
    ferman
    Modérateur
    Maître WordPress
    7135 contributions

    Bonjour,

    Je le vois aussi sur PC. Essayez le code CSS suivant:

    #main .elementor-post__thumbnail{padding-bottom:0px;}

    #2473722
    ineys
    Participant
    Chevalier WordPress
    112 contributions

    Hello ferman,

    Merci pour ton aide

    Ah bon, sur l’ordi aussi? Mince

     

    J’ai essayé le code et vider le cache mais ça a l’air de rester ainsi

    #2473723
    ineys
    Participant
    Chevalier WordPress
    112 contributions

    C’est bon, c’est réglé !!!

     

    Merci Ferman, tu es un génie

    #2476277
    ineys
    Participant
    Chevalier WordPress
    112 contributions

    Bonjour,

    De nouveau ici 🙂

    J’aimerais appliquer le même programme à ma page : Mes Articles

    Quel ligne de code est-ce que je peux insérer ?

    J’essaye de changer dans le menu Elementor mais rien ne bouge

     

    Sur PC et tablette, c’est nickel

    Mais sur mobile, très compliqué

    J’ai essayé de changer le ratio, rien n’y fait

    Donc j’ai mis en mode maçonnerie pour contrer ce problème

    Et maintenant j’ai une ombre encore ^^

     

    Merci d’avance,

    Page mes articles : https://www.999vies.net/elementor-page-datterrissage-1374775/

    Lignes de code :
    <div>

    <div>#mobile-fullscreen #mobile-search .search-text{</div>
    <div>font-size:0px!important;</div>
    <div>}</div>
    <div>#mobile-fullscreen #mobile-search input, #mobile-fullscreen #mobile-search .search-text:before{</div>
    <div>font-size:14px!important;</div>
    <div>content: »Saisis ta recherche »;}</div>
    <div></div>
    <div>.nav-content{</div>
    <div>display:none;</div>
    <div>}</div>
    <div>@media screen and (max-width : 428px) {</div>
    <div>.page-header.background-image-page-header .page-header-title {</div>
    <div>line-height: 1.3!important;</div>
    <div>max-width: 25ch;</div>
    <div>padding: 2rem 0;</div>
    <div>}</div>
    <div>@media screen and (max-width : 550px) {</div>
    <div>.background-image-page-header .site-breadcrumbs {</div>
    <div>margin-top: 0;</div>
    <div>top: auto;</div>
    <div>white-space: normal;</div>
    <div>overflow: inherit;</div>
    <div>margin-bottom: 6rem;</div>
    <div>}</div>
    <div>.background-image-page-header .site-breadcrumbs li * {</div>
    <div>font-size: 10px</div>
    <div>}</div>
    <div>#main .elementor-post__thumbnail{padding-bottom:0px;}</div>

    </div>
    Inès

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