Come aggiungere CSS a determinate pagine? Feed

Voglio apportare alcune modifiche solo alla pagina del feed. Sto usando solo il tema predefinito.

Se il commento dell’utente è espanso e c’è un’immagine, l’immagine non è reattiva e fuoriesce dalla pagina sul browser mobile Safari.

Questo sembra averlo risolto, ma non sono sicuro se si verificheranno problemi in altre pagine.

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

In secondo luogo, vorrei rimuovere la sezione “about” poiché sono le informazioni dell’utente stesso e non vedo il senso che vedano le proprie informazioni in alto.

Questa sezione mostra none

.user-main .about

Terzo, voglio renderla espansa come predefinita, se possibile, in modo che il feed sia come un normale feed in cui possono vedere chi seguono i loro commenti.

È possibile rimuovere la sezione su mobile?

Puoi aggiungere css alla sezione mobile per nasconderla.

Sì, ma ciò nasconderebbe anche la sezione su altre pagine che utilizzano .user-main .about

Sto cercando di semplificare la pagina del feed in cui l’utente non ha bisogno di vedere la propria sezione “informazioni” in alto se utilizza dispositivi mobili più piccoli.

E cercare di espandere automaticamente gli argomenti nel feed. In modo che non debbano aprirli uno per uno per leggere gli argomenti.

Forse potresti pubblicare alcuni screenshot di ciò che vuoi ottenere? Almeno io non capisco quale vista vuoi cambiare esattamente e come.

2 Mi Piace

Grazie. Quindi, nella pagina del feed su mobile, voglio rimuovere la sezione superiore poiché contiene le informazioni dell’utente stesso. So che ha l’espansione, ma in realtà non è necessaria in una pagina per visualizzare i post di chi l’utente segue.
Inoltre, lo stato predefinito è compresso, quindi devi espanderli uno per uno. E se un post ha un’immagine, mostra l’URL finché non viene aperto. Voglio rendere il feed visibile invece che compresso.

Sembra che tu stia usando il Follow-plugin. Non ho installato quello, quindi posso solo intervenire con alcune osservazioni generali:

Ogni pagina utente aggiunge la propria classe all’elemento body:
Screenshot from 2021-12-02 15-27-04
Ad esempio, nella pagina Attività è .user-activity-page. Su Messaggi è .user-messages-page. Quindi presumo che nella pagina Follow sia probabilmente .user-follows-page? Puoi usare quella classe per nascondere solo la sezione superiore in quella pagina. Anche se dovresti tenere conto che otterrai un’interfaccia saltellante se la nascondi solo in una vista.

Per quanto riguarda lo stato espanso o compresso dei post, non credo che tu possa puntare a quello con il CSS. Il template del plugin per quella vista probabilmente predefinisce l’estratto del post compresso. Quindi dovresti cambiare il predefinito direttamente nel template.

2 Mi Piace

Questo rimuoverà la sezione “Informazioni” in alto sulla pagina di follow dell’utente. Se ho capito bene cosa vuoi fare. :slightly_smiling_face:

Incolla questo nella sezione CSS mobile.

body.user-follow-page {
  .viewing-self {
    .user-main .about {
      display: none;
    }
  }
}
4 Mi Piace

Grazie, sono riuscito a ottenerlo con questo

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

Ma penso che

suoni meglio in modo che possano vedere le pagine degli altri lol. Non ci avevo pensato lol

1 Mi Piace

Proverò a clonare il plugin e vedrò cosa posso fare per modificarlo ed espandere tutto per impostazione predefinita. :thinking:

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