Question sur l’extention SortTable Post (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
15 sujets de 16 à 30 (sur un total de 46)
  • Auteur
    Messages
  • #2384561
    ferman
    Participant
    Maître WordPress
    4613 contributions

    Bon, mettez les CSS ci-dessous dans vos CSS personnalisées (ou dans le fichier style du thème enfant). L’aspect sera modifié à partir d’une taille d’écran de  850px (tablettes). En dessous de cette taille, ce sera comme maintenant. Autrement ça complique les choses et ça devient illisible. Donc essayez ces CSS, regardez et dites ce que vous voudriez changer (faites une copie d’écran avec les modifs souhaitées éventuellement). On verra si c’est possible. Ensuite enlevez ces nouvelles CSS. Les CSS ne s’appliquent pas à la catégorie “news”(le blog).

    @media screen and (min-width: 850px){
    .category:not(.category-news) #content{display:grid;
    		max-width:900px;
    		grid-template-columns: 300px auto auto;
    		border-style:solid;
    	  margin-right:auto;
    	  margin-left:auto;
    	}
    .category:not(.category-news) #content p, .category:not(.category-news) #content a{font-size:12px;
    line-height:1.5em;
    	}
    .category:not(.category-news) #content article {padding:20px;
      }
    .category:not(.category-news) #content p.navigation.pagination {width:900px;
      }
    .category:not(.category-news) #content  h2.has-text-align-center {font-size:12px!important;
    	}	
    .category:not(.category-news) #content  h2.entry-title a {font-size:14px;
    	}		
    	
    .category:not(.category-news) .entry-content p{max-width:auto;
    		text-align:center;
    	}
    .category:not(.category-news) .entry-content a.btn{max-width:auto!important;
    		text-align:center;}
    	}
    }

    • Cette réponse a été modifiée le il y a 2 mois et 3 semaines par ferman.
    • Cette réponse a été modifiée le il y a 2 mois et 3 semaines par ferman.
    • Cette réponse a été modifiée le il y a 2 mois et 3 semaines par ferman.
    #2384567
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions

    OK. Est-ce-qu’il y a aussi une extension à installer ?

    Bon, mettez les CSS ci-dessous dans vos CSS personnalisées

    Ce que vous appellez CSS personnalisé, c’est le CSS additionnel ?

    regardez et dites ce que vous voudriez changer.

    Le format en carreau que vous m’avez présenté me convient très bien. Par contre, ce que je voudrais afficher à intérieure, c’est le titre principal, le sous-titre et l’image de mise en avant.

    #2384574
    ferman
    Participant
    Maître WordPress
    4613 contributions

    Il n’y a pas d’extension à installer et oui, les CSS personnalisées sont les CSS additionnelles. Pour ne laisser que titre sous titre et image et le faire de la bonne manière,  il faudrait pouvoir télécharger votre thème et accéder à ses fichiers. Comme vous avez un thème premium, ce n’est pas possible. Par contre on n’a pas besoin de cet accès pour ce qui est des CSS ou du  js. Je ne pourrai donc vous proposer qu’une solution CSS qui marchera certainement mais ce n’est pas top.

    De toute façon, pour ça j’aurai besoin de voir votre site qui est actuellement en maintenance.

     

    #2384577
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions

    Je viens de quitter la maintenance, il est de nouveau visible.

    #2384601
    ferman
    Participant
    Maître WordPress
    4613 contributions

    Essayez ce code dans les CSS additionnelles.  C’est mieux qu’une extension dans ce cas car ça ne remet pas en cause ce qui  a  déjà été fait sur votre site. Ce sont des CSS donc seul l’aspect est modifié et si vous voulez encore changer ce sera très facile.  Vérifiez toutes les pages/catégories du site.

    @media screen and (min-width: 850px){
    .category:not(.category-news) #content{display:grid;
    	max-width:900px;
    	grid-template-columns: 300px auto auto;
    	border-style:solid;
    	margin-right:auto;
    	margin-left:auto;
    	}
    .category:not(.category-news) #content p, .category:not(.category-news) #content a{font-size:12px;
    	line-height:1.5em;
    	}
    .category:not(.category-news) #content article {padding:20px;
    	border-style:solid;
    	border-width:2px}
    .category:not(.category-news) #content p.navigation.pagination {width:900px;
      }
    .category:not(.category-news) #content  h2.has-text-align-center {font-size:12px!important;
    	}	
    .category:not(.category-news) #content  h2.entry-title{font-size:14px;
    	height:10px;
    	}	
    .category:not(.category-news) #content  h2.entry-title a{font-size:14px;
    	}			
    .category:not(.category-news) .entry-content p{max-width:auto;
    	text-align:center;
    	}
    .category:not(.category-news) .entry-content a.btn{max-width:auto!important;
    	text-align:center;}
    	}
    .category:not(.category-news) nav.navigation.pagination {width:900px;
    	}
    .category:not(.category-news) .nature-categories {display:none;
    	}
    .category:not(.category-news) .entry-content p{visibility:hidden;
    	font-size:0px!important;
    	}
    .category:not(.category-news) .entry-content a{visibility:visible;
    	}
    }

     

    #2384612
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions

    Ça marche nickel. Merci pour l’aide.

    Dernière question. Est-ce-que je peux exclure une page de cet affichage ?

    #2384615
    ferman
    Participant
    Maître WordPress
    4613 contributions

    Est-ce-que je peux exclure une page de cet affichage ?

    Quelle page voulez-vous exclure exactement?

    #2384616
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions
    #2384619
    ferman
    Participant
    Maître WordPress
    4613 contributions

    Dans les CSS précédentes il faut remplacer partout la ligne 1 par la ligne 4.

    .category:not(.category-news)
    
    
    .category:not(.category-news,.category-non-identifies)

    • Cette réponse a été modifiée le il y a 2 mois et 3 semaines par ferman.
    #2384621
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions

    C’est bon, ça marche.

    Merci pour l’aide.

    #2384635
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions

    Je reviens vers vous car ve viens de voir un problème sur la dernière page d’une des catégories : les carreaux de la “grille” d’affichage et les photos n’ont pas les mêmes dimensions selon la colonne (voir pièce jointe).

    D’où vient le problème ?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2384641
    ferman
    Participant
    Maître WordPress
    4613 contributions

    Enlevez la maintenance pour que je puisse voir ce qui se passe. C’est la catégorie “faune”? Et il n’y a pas de problème avec la dernière page des autres catégories? ou ailleurs?

    • Cette réponse a été modifiée le il y a 2 mois et 3 semaines par ferman.
    #2384646
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions

    Pas de soucis, par contre, j’envisage de la remettre assez vite (je suis entrain de rajouter beaucoup de contenu).

    Voici aussi le lien de la page où il y a le problème : http://www.natureprovencale.fr/wp/category/faune/arachnide/page/2/

    #2384655
    ferman
    Participant
    Maître WordPress
    4613 contributions

    Il y a au moins un autre cas (catégorie “flore”, page 16). Je ne sais pas trop pourquoi mais c’est facile à arranger. Remplacez  “grid-template-columns: 300px auto auto;” par “grid-template-columns: 300px auto 300px;”

    Vérifiez quand même en parcourant votre site (pour moi c’est compliqué et long, il faut que je recharge les CSS à chaque changement de page). Si c’est bon, remettez la maintenance.

    #2384661
    BourrinOman
    Participant
    Chevalier WordPress
    175 contributions

    Ça marche pour les deux pages.

     

    Je vérifierais au fur et à mesure si tout est revenu dans l’ordre (je suis en train de retravailler sur mes articles et je vais, du coup, passer toutes les catégories en revue).

15 sujets de 16 à 30 (sur un total de 46)
  • Vous devez être connecté pour répondre à ce sujet.