Hola WP
He diseñado el contenido del bloque anterior y siguiente en CSS con un poco de color de fondo y relleno y una sombra de caja para que parezca un botón. Los enlaces de texto se ocultan cuando no hay ninguno. Fx nuevo sitio con solo una publicación o la primera o la última publicación. Sin embargo, mi nuevo estilo no se oculta. ¿Cómo puedo lograr esto?
Mi enfoque es una clase personalizada que puedo agregar en bloque > configuración > avanzado, para poder activar o desactivar este estilo sobre la marcha.
Aquí está el CSS hasta ahora:
/********** Previous & Next Buttons ************/
.button-previous-and-next {
background-color: #636363; /* Theme dark grey */
padding: 10px 20px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}.button-previous-and-next a {
text-decoration: none;
}
span.post-navigation-link__label {
display: none;
}
.button-previous-and-next:hover {
background-color: #A4A4A4; /* Theme light grey */
box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
La pregunta es ¿cómo esconderse cuando está vacío?