[Résolu] Full largeur sur SiteOrigin grid widget ?

  • WordPress :5.2
  • Statut : résolu
5 sujets de 16 à 20 (sur un total de 20)
  • Auteur
    Messages
  • #2287248
    Matevoun
    Participant
    Chevalier WordPress
    131 contributions

    Hummm, sauf que je n’ai pas de href dessus ? Si ?

    #2287249
    PhiLyon
    Modérateur
    Maître WordPress
    24134 contributions

    Tu peux y remédier avec cette extension https://fr.wordpress.org/plugins/gallery-custom-links/

    🙂

    #2287294
    Matevoun
    Participant
    Chevalier WordPress
    131 contributions

    Je viens de tester avec Galerie + Custom links : Je ne peux pas diminuer les images autant qu’avec l’autre extension.

    J’ai testé Elementor + créer un modèle pour le footer.
    Après 20 minutes de travail, j’ai le même rendu exactement (l’icône du grand site Sainte-Victoire est pareille : toute petite…).

    J’ai testé en bidouillant le CSS :

    #footer-widgets .col-2 img {
    	min-height : 50px;
    }

    Ca déforme l’icône …

    J’ai testé sur un 3ème ordi Mac, sur Safari : Pareil.
    IE : Pareil.
    Firefox : Pareil.
    Chrome : Pareil.

    MayDay … MayDay …

    • Cette réponse a été modifiée le il y a 1 semaine et 4 jours par Matevoun.
    #2287329
    PhiLyon
    Modérateur
    Maître WordPress
    24134 contributions

    Bonjour.

    J’ai à peu près réalisé ce que tu souhaites :

    J’ai téléchargé tes images sur mon PC

    J’ai inséré un widget HTML personnalisé dans la zone de widget 2

    J’y ai collé ce code

    <a href="https://www.lpo.fr/"><img src="http://tests-forum-wpfr.local/wp-content/uploads/2019/11/Logo_LPO-tn.png-1.jpg" alt="" title="Refuge LPO" class="wp-image-474" ></a><img src="http://tests-forum-wpfr.local/wp-content/uploads/2019/11/Logo_ASPAS-tn.png-1.jpg" alt="" class="wp-image-473"><img src="http://tests-forum-wpfr.local/wp-content/uploads/2019/11/Logo_Natura_2000-tn.png-1.jpg" alt="" class="wp-image-475"><img src="http://tests-forum-wpfr.local/wp-content/uploads/2019/11/Logo_Sainte-Victoire-tn.png.jpg" alt="" class="wp-image-472" srcset="http://tests-forum-wpfr.local/wp-content/uploads/2019/11/Logo_Sainte-Victoire-tn.png.jpg 422w, http://tests-forum-wpfr.local/wp-content/uploads/2019/11/Logo_Sainte-Victoire-tn.png-300x107.jpg 300w" sizes="(max-width: 422px) 100vw, 422px">

    J’ai collé celui-ci dans le CSS personnalisé

    .wp-image-472 {width:auto; height:75px !important}
    
    .wp-image-473 {width:auto; height:75px !important; padding-right:5px}
    
    .wp-image-474 {width:auto; height:75px !important; padding-right:5px}
    
    .wp-image-475 {width:auto; height:75px !important; padding-right:5px}

    Et ça donne ce qu’il y a dans l’image jointe.

    A toi de modifier les urls, d’ajouter les titres et les liens que je n’ai pas mis.

    Dans le code de tes images il y a du Jetpack, des meta-données, etc, cela ne sert à rien

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2287437
    Matevoun
    Participant
    Chevalier WordPress
    131 contributions

    MERCI beaucoup 😉
    Je vais mm virer SiteOrigin Grid comme extension, une extension en moins, c’est moins de bugs.

    Voici le code que j’ai mis :

    <a href="https://www.lpo.fr" target="_blank"><img src="http://saint-antonin.net/wp-content/uploads/2019/11/Logo_LPO-tn.png" alt="La LPO est aujourd’hui l’une des premières associations de protection de la nature en France. Elle agit au quotidien pour la sauvegarde de la biodiversité, à partir de sa vocation de protection des oiseaux." title="Refuge LPO" class="wp-image-left"></a>
    <a href="https://www.aspas-nature.org" target="_blank"><img src="http://saint-antonin.net/wp-content/uploads/2019/11/Logo_ASPAS-tn.png" alt="ASPAS : Association pour la Protection des Animaux Sauvages." title="Refuge & adhérent ASPAS" class="wp-image-ct1"></a>
    <a href="https://www.natura2000.fr" target="_blank"><img src="http://saint-antonin.net/wp-content/uploads/2019/11/Logo_Natura_2000-tn.png" title="ZSC Natura 2000" alt="Natura 2000." class="wp-image-ct2"></a>
    <a href="http://www.grandsitesaintevictoire.com" target="_blank"><img src="http://saint-antonin.net/wp-content/uploads/2019/11/Logo_Sainte-Victoire-tn.png" title="Grand Site-Sainte-Victoire" alt="Grand Site Sainte-Victoire." class="wp-image-right"></a>

    /* partner logo footer */
    .wp-image-left {width:auto; height:50px !important}
    
    .wp-image-ct1 {width:auto; height:50px !important; padding-right:5px}
    
    .wp-image-ct2 {width:auto; height:50px !important; padding-right:5px}
    
    .wp-image-right {width:auto; height:50px !important; padding-right:5px}

    Ca marche nickel.

    Merci. 😉

    Je passe le sujet en résolu. 😉

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