Soporte » Guías – Resolución de problemas » editar css buddypress

  • Resuelto briandm

    (@briandm)


    buenas, estoy intentando quitar codigo de una pagina mediante css y no puedo hacerlo, ya me estoy quemando la cabeza, estoy usando buddypress con buddybuilder, la pagina no es una pagina principal

    esto es lo que tengo hasta ahora, pero no puedo hacer nada para sacarlo ya intente de todo

    <div class="profile public">
    <h2 class="screen-heading view-profile-screen">Ver Perfil</h2>
    </div>
    
    .profile public{
      display: none;
    }

    estoy intentando quitar el texto que dice «ver perfil»

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    No se cómo estás haciendo ni dónde estás metiendo ese código, que no te va a funcionar porque estás metiendo reglas de CSS dentro de un código HTML.

    Para modificar el aspecto (CSS) debes usar el inspector de elementos del navegador, identificar las clases que lo generan y en base a ello generar una regla para lo que quieras hacer. Esa regla debes añadirla al archivo style.css de tu tema hijo o al CSS personalizado del tema, en la ruta Apariencia > Personalizar > CSS adicional.

    La regla que muestras en tu código no funciona porque profile y public son dos clases diferentes y no lo estás tomando en cuenta, debería ser:

    • .profile, .public{
      display: none;
      }

      Para aplicar la misma regla a las dos clases

    • .profile.public{
      display: none;
      }
      Para aplicar la regla a la combinación

    En todo caso debes buscar la regla específica con el inspector de elementos para poder aplicarla correctamente.

    Recuerda marcar el debate como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate briandm

    (@briandm)

    hola jose, de momento pude aprender un poco mas como editar css, me salio en una pagina pero no con lo de buddypress, lo que muestra el navegador es

    <div class="profile public">
    <h2 class="screen-heading view-profile-screen">Ver Perfil</h2>
    </div>

    lo que quiero sacar «ver perfil», en la otra pagina lo saque con font-size: 0; pero no se como hacer con esta

    Iniciador del debate briandm

    (@briandm)

    solucionado, use

    .view-profile-screen{
    display: none;
    }

    gracias por la ayuda

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.