Cómo añadir CSS a ciertas páginas? Feed

Soporte
1

Solo quiero hacer algunos cambios en la página de feed. Solo estoy usando el tema predeterminado.

Si el comentario del usuario está expandido y hay una imagen, la imagen no es adaptable y se sale de la página en el navegador móvil Safari.

Esto pareció solucionarlo, pero no estoy seguro si ocurrirán problemas en otras páginas.

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

En segundo lugar, me gustaría eliminar la sección “acerca de”, ya que es la información del propio usuario y no veo el sentido de que vean su propia información en la parte superior.

Esta sección muestra nada

.user-main .about

En tercer lugar, quiero que esté expandida por defecto si es posible, para que el feed sea como un feed normal donde puedan ver a quién siguen sus comentarios.

2

¿Alguna idea de si es posible eliminar la sección en el móvil?

3

Puedes añadir CSS a la sección móvil para ocultarla.

4

Sí, pero eso también ocultaría la sección en otras páginas que usan .user-main .about

Estoy intentando optimizar la página de feed donde el usuario no necesita ver su propia sección “acerca de” en la parte superior si usa dispositivos móviles más pequeños.

5

Y eso y tratar de expandir automáticamente los temas en el feed también. Para que no tengan que ir uno por uno abriendo para leer los temas.

6

¿Quizás podrías publicar algunas capturas de pantalla de lo que quieres lograr? Al menos yo, no entiendo qué vista quieres cambiar exactamente y cómo.

2 Me gusta
7

image
image1125×1916 111 KB

Gracias. Así que en la página de feed en móvil, quiero eliminar la sección superior ya que es la información del propio usuario. Sé que tiene la opción de expandir, pero realmente no es necesaria en una página para ver las publicaciones de a quién sigue el usuario.

El estado predeterminado también está colapsado, donde tienes que expandirlos uno por uno. Y si una publicación tiene una imagen, muestra la URL hasta que se abre. Quiero que el feed sea visible en lugar de colapsado.

8

Parece que estás usando el plugin Follow. No lo tengo instalado, así que solo puedo comentar algunas cosas generales:

Cada página de usuario añade su propia clase al elemento body:
Screenshot from 2021-12-02 15-27-04
Por ejemplo, en la página de Actividades es .user-activity-page. En Mensajes es .user-messages-page. Así que supongo que en la página de Seguimiento probablemente sea .user-follows-page. Puedes usar esa clase para ocultar solo la sección superior en esa página. Sin embargo, deberías tener en cuenta que obtendrás una interfaz inestable si solo la ocultas en una vista.

Sobre el estado expandido o colapsado de las publicaciones, no creo que puedas apuntar a eso con CSS. La plantilla del plugin para esa vista probablemente tenga por defecto el extracto de publicación colapsado. Así que necesitarías cambiar el valor predeterminado directamente en la plantilla.

2 Me gusta
9

Esto eliminará la sección “Acerca de” superior en la página de seguimiento del propio usuario. Si entiendo correctamente lo que quieres hacer. :slightly_smiling_face:

Pega esto en la sección CSS móvil.

body.user-follow-page {
  .viewing-self {
    .user-main .about {
      display: none;
    }
  }
}
4 Me gusta
Solved button alignment issue
10

Gracias, pude conseguirlo con esto

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

Pero creo que

suena mejor para que puedan ver las páginas de otros, jajaja. No lo había pensado, jajaja.

1 me gusta
11

Intentaré clonar el plugin y ver qué puedo hacer para modificarlo y expandir todo por defecto. :thinking:

12

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