• confrases

    (@confrases)


    Hola,

    hace unos días me he instalado el tema hijo de GeneratePress y si veis en mi página de inicio, los cuadros de las diferentes categorías (que se enlazan a diferentes páginas) son muy largos y me gustaría poderles cambiar el tamaño y poder hacerlos más cuadrados. También si os fijáis, en cada cuadro, hay una descripción de la categoría, también me gustaría que no quedara tanto margen.
    Muchísimas gracias de antemano por las posibles respuestas.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador Fernando Tellado

    (@fernandot)

    Hola,

    Las cajas no están hechas con GeneratePress porque el tema en sí no tiene esos elementos. ¿Las has hecho con Elementor o algún otro plugin?

    Iniciador del debate confrases

    (@confrases)

    No, las cogí de un tutorial de youtube que daban el código y le metí mis categorías.

    Moderador Fernando Tellado

    (@fernandot)

    ¿Y si compartes el código? Para ver qué tiene y poder decirte cómo acortarlas

    Iniciador del debate confrases

    (@confrases)

    Pensaba que lo había compartido!! Perdón:

    /*
    CTC Separate Stylesheet
    Updated: 2018-08-16 05:24:24
    Theme Name: ChorriTSA
    Theme URI: https://davidcuesta.es
    Template: generatepress
    Author: David Cuesta
    Author URI: https://davidcuesta.es
    Description: Este es el tema Child de GeneratePress desarrollado por David Cuesta para el proyecto ChorriTSA
    Tags: TSA,ChorriTSA
    Version: 1.0
    */

    /* Global */
    .inside-header{
    padding: 20px 5px;
    text-align: center;
    }

    h2, h3, h5, h6, h7, ul, ol, li {
    color: #3a3a3a;
    padding:10px 0;
    font-weight:500;
    }
    b {
    color:#1e73be;
    }
    a, a:visited {
    color: #1e73be;
    text-decoration: none;
    }
    a:hover, a:focus, a:active {
    color: #3a3a3a;
    text-decoration: none;
    }
    .widget-title {
    background:#222222;
    }
    /* .site-footer p, h2, ul, li {
    color: #3a3a3a!important;
    }
    /* Home */
    .entry-content, .entry-summary, .page-content {
    margin: 0 0 50px 0;
    }
    .inside-article h2,h4,h5,h6 {
    color:black;
    padding: 25px 0 10px;
    }
    .entry-title {
    padding: 30px 0;
    text-align: center;
    font-weight: 600;
    }
    .parrafo {
    padding: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    }
    .separate-containers .inside-article {
    background-color: #efefef;
    padding: 0;
    }
    .titulo {
    text-align: center;
    font-weight: 800;
    color: #1e73be;
    cursor:pointer;
    max-width:250px;
    }
    .titulo:hover {
    color:#3a3a3a;
    cursor:pointer;
    }
    .parrafo {
    padding: 20px;
    background: white;
    }
    .parrafo h2 {
    font-weight:600;
    color:#3a3a3a;

    }
    .espacio {
    height: 30px;
    width: calc(100% + 100px);
    margin-left: -50px;
    background-color: #efefef;
    }
    .categorias {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: space-around;
    max-width: 1500px;
    margin: 0 -50px;
    background: #efefef;
    }
    .categoria {
    flex: 0 1 auto;
    align-self: auto;
    overflow: hidden;
    max-width: 325px;
    background: white;
    padding: 18px;
    margin-bottom:30px;
    -webkit-box-shadow: 5px 5px 24px 1px rgba(125,125,125,0.72);
    -moz-box-shadow: 5px 5px 24px 1px rgba(125,125,125,0.72);
    box-shadow: 5px 5px 24px 1px rgba(125,125,125,0.72);
    }
    .categoria:hover {
    transform: scale(1.1);
    }
    .categoria h3 {
    padding: 10px 0 0 0;
    }
    .categoria p {
    text-align: center;
    margin: auto;
    max-width: 250px;
    padding: 0;
    font-size: 20px;
    }
    /**
    * interlinking
    */
    .interlinking {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: space-around;
    max-width:1024px;
    margin:40px auto;
    }
    .sugestion {
    flex: 0 1 auto;
    align-self: baseline;
    min-height: 100px;
    max-height: 200px;
    width: 230px;
    overflow: hidden;
    text-align: center;
    margin-top: 25px;
    }
    .sugestion:hover {
    transform: scale(1.1);
    -webkit-box-shadow: 5px 5px 24px 1px rgba(125,125,125,0.72);
    -moz-box-shadow: 5px 5px 24px 1px rgba(125,125,125,0.72);
    box-shadow: 5px 5px 24px 1px rgba(125,125,125,0.72);
    }
    .sugestion img {
    margin: auto;
    max-height: 250px;
    width: auto;
    }
    .sugestion h4 {
    margin: 0;
    padding:0;
    font-size:20px;
    font-weight:600;
    }
    .sugestion p {
    margin-bottom: 10px;
    }
    /* Entradas (mejor usar páginas)*/
    .separate-containers .inside-article {
    background:white;
    padding: 10px 30px;
    }
    /* Quita cosas que vienen por defecto en el tema */

    .site-info {
    visibility:collapse;
    margin:0;
    padding:0;
    line-height:0;
    font-size:0;
    }
    .separate-containers .site-main {
    margin-bottom: 0;
    }

    /* Menu
    */

    /* Footer
    */

    .footer-widgets {
    background-color: #222;
    }
    .textwidget.custom-html-widget {
    color: #c4c4c4;
    }
    .textwidget.custom-html-widget li {
    color: #c4c4c4;
    }
    .site-footer a:hover {
    color: #c4c4c4;
    }
    .footer-widgets .widget-title {
    color: #c4c4c4;
    font-weight:600;
    }

    /* Media
    */

    /* Cookies button */

    .cn-button.bootstrap {
    background-color: #1e73be;
    color: #333;
    text-shadow: 0 0px 0px rgba(255,255,255,.75);
    text-shadow: 0 0px 0 rgba(0,0,0,.25);
    background-image: none;
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 0px;
    border-color: #04c #04c #002a80;
    box-shadow: 0 0px 0 rgba(255,255,255,.2) inset, 0 0px 0px rgba(0,0,0,.05);
    filter: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    outline: none;
    }
    .cn-button.bootstrap:hover {
    background-color: #333;
    color: #1e73be;
    }
    /* Reviews */
    .wpcr3_reviews_holder {
    margin: 40px;
    }
    .wpcr3_item_name {
    display: none;
    }

    Iniciador del debate confrases

    (@confrases)

    Como veis, las imágenes quedan muy grandes, los cuadros también y la navegabilidad no queda muy estética ni correcta…

    Me gustaría que quedara unos cuadros al estilo https://decalaveras.com/, más pequeños, cuadrados y estilizados.

    Gracias!!

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Cambiar cuadros página principal tema hijo GeneratePress’ está cerrado a nuevas respuestas.