Buenos días,
Estoy interesado en poner diferentes opciones de planes de entrenamiento en mi web como esta web: http://www.yodiez.com/legal/cuotas.html en mi web: https://www.corretureto.com/#Somos con el botón de inscripción al final de cada plan.
He observado que la web de referencia usa Joomla y yo uso wordpress. Sabéis como podría conseguir el mismo resultado? Algún codigo html, un pluging,...
Muchas gracias de antemano.
URL del sitio: Contenido solo visible a usuarios registrados
Hola Pablo,
En WordPress hay plugins con los que puedes conseguir algo parecido. Te pongo 2 ejemplos:
https://es.wordpress.org/plugins/dk-pricr-responsive-pricing-table/
https://es.wordpress.org/plugins/pricing-table/
En este otro enlace podrás encontrar otras opciones:
https://www.sourcewp.com/best-wordpress-pricing-table-plugins/
Fenomenal. Siempre dais en el clavo. Gracias. Finalmente he instalado el primero. Ahora me gustaría saber si es posible hacer las tablas un poquito más pequeñas, modificar las dimensiones. Las veo demasiado grandes. Desde el plugin no lo encuentro.
Gracias
Hola
Te refieres a lo que aparece en tu web como Entrenamiento Online?
Contenido solo visible a usuarios registrados
En tal caso sino tienes opciones desde el plugin tendrías que hacer cambios con CSS a través de código.
Indícanos a través de una captura de pantalla que es lo que exactamente te gustaría cambiar
Saludos.
Buenas tardes,
sí, me refiero en el apartado de Entrenamiento Online de mi web www.corretureto.com/#Somos. Le instalé el plugin que me recomendasteis es.wordpress.org/plugins/dk-pricr-responsive-pricing-table/. Además me encanta y me viene perfecto. Pero a través del plugin no me deja hacerlo más pequeño. Se ve demasiado grande en la web. Adjunto imagen
¿Como podría modificarlo a traves del CSS?
Gracias,
Hola Pablo.
Supongo que te refieres al texto del precio.
Puedes variarlo añadiendo lo siguiente en el archivo style.css que encontraras dentro de la carpeta de tu plantilla:
.rpt_style_basic .rpt_plan .rpt_head .rpt_price { font-size: 50px!important; }
Puedes variar el valor de 50px aumentando o disminuyendo hasta adaptarlo a lo que buscas.
Si lo que quieres es que las tablas sean mas pequeñas, puedes utilizar lo siguiente:
rpt_3_plans .rpt_plan { width: 25%!important; }
Un saludo
Hola, en efecto, me gustaría tener las tablas más pequeñas.
Entonces debería incluir este código en el CSS.
Accediendo a la carpeta Public_html-> wp-content -> themes -> onepress->style.css
Y añadir este código:
rpt_3_plans .rpt_plan {
width: 25%!important;
}
Pero lo he hecho y las tablas no se han modificado. (adjunto imagen)
Qué otra manera podría hacerlo?
Gracias,
Hola Pablo.
Ostras discúlpame, me olvide de un punto.
.rpt_3_plans .rpt_plan { width: 25%!important; }
Un saludo
No te preocupes Pepe.
Le he puesto el punto y tampoco me funciona. No sé, pero siempre que yo toco algo del CSS no me funciona. Y eso que luego le doy a Guardar Cambios. Alguna idea?
Hola Pablo.
No veo que este el codigo en el archivo style.css.
Estoy probando el codigo que te pase y funciona bien:
Si ves que al añadir el código no obtienes ningún resultado, puede ser por temas de cache.
.- Recarga la web con la tecla ( F5 ), esto volverá a cargar la cache en el navegador con las modificaciones realizadas.
Un saludo
Hola Pablo.
Para el precio:
.rpt_style_basic .rpt_plan .rpt_head .rpt_price { font-size: 50px!important; }
Para el titulo:
.rpt_style_basic .rpt_plan .rpt_title { font-size: 20px; }
Para las descripciones:
.rpt_style_basic .rpt_plan .rpt_features .rpt_feature { font-size: 10px; }
Para la palabra Mes :
.rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence { font-size: 30px; }
Puedes variar los valores de font-size: aumentando o disminuyendo hasta encontrar el resultado que buscas.
Un saludo
Vaya tela Pepe, ojalá pudiera llamaros. No doy con la clave. Cada vez que toco alguna font, me trastoca todo. Simplemente quiero que me quepa las tablas en la pantalla. Que no sea tan grande. Tal y como está pero más pequeñito y no consigo hacerlo. Es decir, no como en la imagen 1. Sino que se me viese como en la imagen 2, pero sin tener que tener la pantalla a un 70% de zoom
Gracias,
Hola Pablo.
No entiendo lo que quieres decir :huh:
Añade los mismos códigos pero en este caso con la etiqueta important:
.rpt_style_basic .rpt_plan .rpt_head .rpt_price { font-size: 50px!important; } .rpt_style_basic .rpt_plan .rpt_title { font-size: 20px!important; } .rpt_style_basic .rpt_plan .rpt_features .rpt_feature { font-size: 10px!important; } .rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence { font-size: 30px!important; }
Si ves que no se muestra bien lo dejas como aparece y así lo revisamos.
Un saludo.