Avisos
Vaciar todo

Responsive  

 
Lourdes
 Lourdes
Reputable Member

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.

IMG 7675

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 15/07/2021 11:30 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 15/07/2021 12:08 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Lourdes
 Lourdes
Reputable Member

 

IMG 7680

@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

ResponderCitar
Respondido : 15/07/2021 12:20 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 15/07/2021 12:34 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Lourdes
 Lourdes
Reputable Member

@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..

 

ResponderCitar
Respondido : 15/07/2021 12:46 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 15/07/2021 1:02 pm

Cursos Gratuitos WordPress

Lourdes
 Lourdes
Reputable Member

@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?

ResponderCitar
Respondido : 15/07/2021 1:45 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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!

ResponderCitar
Respondido : 15/07/2021 2:37 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Lourdes
 Lourdes
Reputable Member

@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, ...

ResponderCitar
Respondido : 15/07/2021 2:53 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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!

ResponderCitar
Respondido : 15/07/2021 3:14 pm

Lourdes
 Lourdes
Reputable Member

@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.

 

Captura de pantalla 2021 07 15 a las 17.34.08
ResponderCitar
Respondido : 15/07/2021 4:34 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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!

ResponderCitar
Respondido : 15/07/2021 5:05 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación