Como adicionar CSS a páginas específicas? Feed

[flash]

Quero fazer algumas alterações apenas na página do feed. Estou usando apenas o tema padrão.

Se o comentário do usuário estiver expandido e houver uma imagem, a imagem não é responsiva, saindo da página no navegador móvel Safari.

Isso parece ter corrigido, mas não tenho certeza se ocorrerão problemas em outras páginas.

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

Em segundo lugar, gostaria de remover a seção “sobre” pois são as informações do próprio usuário e não vejo sentido em tê-las vendo suas próprias informações no topo.

Esta seção exibe none

.user-main .about

Terceiro, quero torná-la expandida como padrão, se possível, para que o feed seja como um feed normal, onde eles podem ver quem seguem e seus comentários.

[flash]

Alguma ideia se é possível remover a seção no celular?

[pfaffman (Jay Pfaffman)]

Você pode adicionar CSS à seção móvel para ocultá-la.

[flash]

Sim, mas isso também ocultaria a seção em outras páginas que usam .user-main .about

Estou tentando otimizar a página de feed, onde o usuário não precisa ver sua própria seção “sobre” no topo se estiver usando dispositivos móveis menores.

[flash]

E tentar expandir automaticamente os tópicos no feed também. Para que eles não tenham que abrir um por um para ler os tópicos.

[manuel (Manuel Kostka)]

Talvez você possa postar algumas capturas de tela do que você quer alcançar? Pelo menos eu, não entendo qual visual você quer mudar exatamente e como.

[flash]

Obrigado. Então, na página de feed no celular, quero remover a seção superior, pois são as informações do próprio usuário. Sei que tem a opção de expandir, mas realmente não é necessária em uma página para ver as postagens de quem o usuário segue.

O padrão lá também é o estado recolhido, onde você tem que expandi-los um por um. E se uma postagem tiver uma imagem, ela mostra a URL até ser aberta. Quero tornar o feed visível em vez de recolhido.

[manuel (Manuel Kostka)]

Parece que você está usando o plugin Follow. Eu não o tenho instalado, então só posso dar alguns comentários gerais:

Cada página de usuário adiciona sua própria classe ao elemento body:

Por exemplo, na página de Atividades, é .user-activity-page. Em Mensagens, é .user-messages-page. Então, presumo que na página Follow, provavelmente seja .user-follows-page? Você pode usar essa classe para ocultar apenas a seção superior nessa página. Embora você deva levar em consideração que terá uma interface instável se a ocultar apenas em uma visualização.

Sobre o estado expandido ou recolhido das postagens, não acho que você possa direcionar isso com CSS. O template do plugin para essa visualização provavelmente usa o post-excerpt recolhido por padrão. Portanto, você precisaria alterar o padrão diretamente no template.

[Don]

Isso removerá a seção “sobre” superior na página de seguidores do próprio usuário. Se eu entendi corretamente o que você quer fazer.

Cole isso na seção de CSS do mobile.

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

[flash]

Obrigado, consegui com isto

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

Mas acho que

@Don

Isso removerá a seção “sobre” superior na página de acompanhamento do próprio usuário.

soa melhor para que eles possam ver as páginas de outras pessoas, lol. Não pensei nisso, lol

[flash]

Vou tentar clonar o plugin e ver o que posso fazer para modificá-lo e expandir tudo por padrão.