Como puedo hacer para que sea responsive, sobre todo para el movil, el listado de alojamientos que se muestran. Lo que necesito es reducirles el tamaño de la letra.
Contenido solo visible a usuarios registrados
Hola Lourdes.
Lo que necesito es reducirles el tamaño de la letra.
Añade lo siguiente en apariencia -> Personalizar -> CSS Adicional
@media (max-width: 780px) {
.entry-title a {
font-size: 25px;
}
p:last-child {
font-size: 15px;
line-height: 25px;
}
}
Revisa si es eso lo que buscas y nos comentas.
Un saludo
@pepesoler Muchas gracias, Funciona pero necesito que ocupe menos espacio. Adjunto captura de como esta ahora.
- Necesito que en el titulo, entre lineas haya menos espacio.
- apartado precios mas pequeño
- apartado View details mas pequeño
Gracias
Hola Lourde.
Prueba con esto:
@media (max-width: 780px) {
h2.mphb-room-type-title.entry-title {
line-height: 20px;
}
.mphb-regular-price .mphb-price {
font-size: 20px;
}
a.button.mphb-view-details-button {
font-size:15px
}
}
En este enlace tienes una Guía donde se explica como utilizar el inspector de elementos y poder identificar los elementos para modificarlos:
-> https://soporteforo.webempresa.eu/guia/como-usar-el-inspector-de-elementos-del-navegador/
Un saludo
@pepesoler Muchas gracias,
En el precio como seria hacer la distancia entre lineas menor?
El boton de View Details no se ha cambiado de tamaño..
Hola Lourdes.
En el precio como seria hacer la distancia entre lineas menor?
@media (max-width: 780px) {
p.mphb-regular-price {
line-height: 20px;
}
}
El boton de View Details no se ha cambiado de tamaño
Lo que hicimos fue modificar el tamaño del texto
Prueba si es esto lo que buscas:
@media (max-width: 780px) {
.mphb-room-type-buttons {
padding: 1px 30px 2px!important;
}
}
Un saludo
@pepesoler Muchas gracias por su ayuda.
Podria ayudarme a reducir el tamaño tambien en el ordenador? Seria reducir tamaño de la imagen, los textos titulo y descripcion, precio y boton 'View'
Ya que ocupan demasiado espacio el la pantalla del ordenador. Lo mejor realmente sería que en el ordenador se visualizasen en dos columnas. ¿Es posible?
Que tal Lourdes,
Podrías indicarnos donde deseas realizar el lote de ajustes que comentas ya que dependiendo de donde sea puede que sea necesario que modifiques la estructura para distribuir los elementos en dos columnas como mencionas.
También acorde a tu theme pese a los CSS compartidos por mi compañero enfocados en vistas de moviles deberias de tener un apartado donde puedas modificar el tamaño de letra de tu sitio en vista de escritorio, prueba en la opcion Apariencia-> Personalizar desde tu panel de administración de WP.
Saludos!
@bruno-vichetti Claro,
Me refiero a que si entras en el menu y haces click en Packs o en Greens, desde el ordenador, se ve el listado de estas categorias y so excesivamente grandes.
Lo ideal sería que en el ordenador se visualizasen dos columnas, la otra opcion que se me ocurre es cambiar el tamaño a cada elemento: Imagen, titulo, boton, ...
Hola Lourdes,
Vale entiendo pues dependiendo del caso que quieras aplicar debes hacer lo que te comente antes, pude fijarme que tienes elementor en su version pro lo cual te permite customizar paginas de archivo como las que estamos viendo que corresponden a las categorías.
Si deseas cambiar la estructura de la lista de los post relacionados con las categorías te comparto el siguiente enlace el cual explica como crear un template para la lista de categorías a medida https://elementor.com/help/create-archive-template/
Saludos!
@bruno-vichetti El problema que no son posts de un blog, son alojamientos que se crean con una extension de reservas, compatible con elementor. Se añade con la extension de elementor que añado en captura. Esta extension es un listado de los alojamientos con una categoria (En una pagina la categoria Greens y en la otra los marcados con categoria Packs)
Esta extesion no veo que permita dividir en columnas. Creo que con lo que me compartes no es valido para la lista de alojamientos que yo creo.
Hola Lourdes,
Entiendo, mi comentario fue orientado interpretando a que en efecto los elementos mostrados eran entradas, además de que hizo falta destacar de que estas utilizando un complemento agregado asi que ahora considerando eso y viendo que no tienes la opcion de modificar como se visualizan estos "alojamientos" sera necesario que te pongas en contacto con el desarrollador del plugin para que pueda orientarte si es posible hacer lo que deseas.
Te dejo por aca la documentacion de la herramienta que estas utilizando https://motopress.com/document/appointment-booking-create-list-of-locations/
Saludos!