Comment ajouter du CSS à certaines pages ? Feed

Je veux apporter quelques modifications uniquement à la page de flux. J’utilise uniquement le thème par défaut.

Si le commentaire de l’utilisateur est développé et qu’il y a une image, l’image n’est pas responsive et sort de la page sur le navigateur mobile Safari.

Cela a semblé résoudre le problème, mais je ne suis pas sûr si d’autres problèmes surviendront sur d’autres pages.

.lightbox-wrapper img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: auto;
}

Deuxièmement, je voudrais supprimer la section “à propos” car il s’agit des informations de l’utilisateur lui-même et je ne vois pas l’intérêt de leur faire voir leurs propres informations en haut.

Cette section affiche none

.user-main .about

Troisièmement, je veux qu’elle soit développée par défaut si possible, de sorte que le flux ressemble à un flux normal où ils peuvent voir qui ils suivent et leurs commentaires.

Une idée si cela est possible de supprimer la section sur mobile ?

Vous pouvez ajouter du CSS à la section mobile pour la masquer.

Oui, mais cela masquerait également la section sur d’autres pages qui utilisent .user-main .about

J’essaie de rationaliser la page de flux où l’utilisateur n’a pas besoin de voir sa propre section “À propos” en haut s’il utilise de petits appareils mobiles.

Et essayer d’étendre automatiquement les sujets dans le flux également. Pour qu’ils n’aient pas à ouvrir un par un pour lire les sujets.

Peut-être pourriez-vous publier des captures d’écran de ce que vous souhaitez réaliser ? Au moins moi, je ne comprends pas quelle vue vous voulez changer exactement et comment.

2 « J'aime »

Merci. Donc, sur la page du fil d’actualité sur mobile, je veux supprimer la section supérieure car il s’agit des propres informations de l’utilisateur. Je sais qu’elle a l’option d’expansion, mais elle n’est vraiment pas nécessaire sur une page pour voir les publications des personnes que l’utilisateur suit.

L’état par défaut est également réduit, où vous devez les développer un par un. Et si une publication a une image, elle affiche l’URL jusqu’à ce qu’elle soit ouverte. Je veux rendre le fil d’actualité visible au lieu d’être réduit.

Il semble que vous utilisiez le plugin Follow. Je ne l’ai pas installé, je ne peux donc que faire quelques remarques générales :

Chaque page utilisateur ajoute sa propre classe à l’élément body :
Screenshot from 2021-12-02 15-27-04
Par exemple, sur la page Activités, c’est .user-activity-page. Sur Messages, c’est .user-messages-page. Je suppose que sur la page Suivis, ce sera probablement .user-follows-page ? Vous pouvez utiliser cette classe pour masquer uniquement la section supérieure sur cette page. Cependant, vous devez tenir compte du fait que vous obtiendrez une interface saccadée si vous ne la masquez que sur une seule vue.

Concernant l’état développé ou réduit des publications, je ne pense pas que vous puissiez cibler cela avec CSS. Le modèle du plugin pour cette vue est probablement par défaut sur l’extrait de publication réduit. Vous devrez donc modifier la valeur par défaut directement dans le modèle.

2 « J'aime »

Cela supprimera la section “À propos” en haut de la page de suivi de l’utilisateur. Si je comprends bien ce que vous voulez faire. :slightly_smiling_face:

Collez ceci dans la section CSS mobile.

body.user-follow-page {
  .viewing-self {
    .user-main .about {
      display: none;
    }
  }
}
4 « J'aime »

Merci, j’ai pu l’obtenir avec ceci

.user-follow-page .user-main .about{
    display: none;
}

Mais je pense que

est mieux car ils peuvent voir les pages des autres lol. Je n’y avais pas pensé lol.

1 « J'aime »

Je vais essayer de cloner le plugin et voir ce que je peux faire pour le modifier et tout étendre par défaut. :thinking:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.