Respuestas de foro creadas

Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)
  • Iniciador del debate alexsevilla

    (@alexsevilla)

    muchismas gracias crack,

    va perfecto!

    Iniciador del debate alexsevilla

    (@alexsevilla)

    buenos días Álvaro,

    El fragmento funciona, pero me cambia la galería también en navegador normal. La intención es que solo la navegación móvil se vea de 1 en 1.

    gracias por la respuesta.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    Quizás no me he explicado bien, trato de que solo aparezca una imagen por columna en la versión móvil.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    Si pero siempre lo corrijo con CSS pero en esta ocasión no soy capaz de encontrar el CSS que tengo que modificar.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    Hay galerías en la home y en https://pln.es/categorias-producto/

    Iniciador del debate alexsevilla

    (@alexsevilla)

    Lo he conseguido, creo que realmente todo era desconocimiento por mi parte, en el código que me indicabas

    @media (<strong>min</strong>-width: 600px) {
      .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,
    .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blocks-gallery-grid.columns-3 .blocks-gallery-item {
        width: calc(50% - 0.6666666667em);
        margin-right: 1em;
      }
    @media (<strong>max</strong>-width: 600px) {
      .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,
    .blocks-gallery-grid.columns-3 .blocks-gallery-image,
    .blocks-gallery-grid.columns-3 .blocks-gallery-item {
        width: calc(50% - 0.6666666667em);
        margin-right: 1em;
      }

    Cambien que el mínimo por el máximo que por mucho que cambiaba configuraciones no apreciaba ese punto.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    En otros temas con este fragmento de código siempre he solucionado el problema, pero en esta ocasión no funciona.

    @media screen and (max-width: 480px) {
    .gallery-columns-3 .gallery-item {
     max-width:100%;
    }
    }
    Iniciador del debate alexsevilla

    (@alexsevilla)

    Buenas @kallookoo
    Ante todo gracias por tu paciencia,
    es cierto que estoy aprendiendo poco a poco de programación y tengo nociones muy básicas.

    He intentado cambiarlo como pienso que indicas pero solo consigo que salga la imagen de una en una en todos los formatos tanto en web como en Tablet como en móvil.

    Lo que pretendo es que en pantas más grandes que la de un móvil se quede tal y como está, pero que en los móviles las imágenes si se vean de una en una (algo que a pesar de tu esfuerzo no consigo)

    Gracias y un saludo.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    Hola @kallookoo
    uso el GeneratePress,
    perdona pero no te he entendido muy bien lo que intentas explicarme.

    • Esta respuesta fue modificada hace 2 años, 11 meses por alexsevilla.
    Iniciador del debate alexsevilla

    (@alexsevilla)

    hola @kallookoo

    He intentado como me indicas, pero cambiándolo de ese modo se me cambia completamente y no solo en la versión móvil como necesito.

    Gracias

    Iniciador del debate alexsevilla

    (@alexsevilla)

    si perfecto muchas gracias ¿y para los que me muestre los productos de woocomerce de uno en uno?
    https://rcteledirigidos.com/aviones-teledirigidos/
    por ejemplo esta página quiero que salgan de uno en uno en la versión móvil que aparecen de dos en dos.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    Buenas tardes, aún no encontré el problema real aunque gracias a todos por la ayuda.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    Buenas,
    si he probado con distintos ordenadores y conexiones,
    y a veces se sigue produciendo el error descrito.

    Iniciador del debate alexsevilla

    (@alexsevilla)

    No tiene ninguna opción en el panel.
    Este es el código CSS que usa cambiando algún valor ¿podría solucionarlo?

    .aalb-pa-ad-unit {
        position: relative;
        overflow: hidden;
        padding: 22px 40px;
    }
    
    .aalb-pa-ad-unit * {
        box-sizing: content-box;
        box-shadow: none;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        outline: 0;
        padding: 0;
    }
    
    .aalb-pa-ad-unit.pull-left {
        float: left;
    }
    
    .aalb-pa-ad-unit.pull-right {
        float: right;
    }
    
    .aalb-pa-ad-unit a {
        box-shadow: none !important;
    }
    
    .aalb-pa-ad-unit a:hover {
        color: #c45500;
    }
    
    .aalb-pa-product-container {
        width: 205px;
    }
    /* fixed width and height of product image to 150px */
    .aalb-pa-product-image {
        display: table;
        width: 150px;
        height: 150px;
        margin: 0 auto;
        text-align: center;
    }
    
    .aalb-pa-product-image-wrapper {
        display: table-cell;
        vertical-align: middle;
    }
    
    .aalb-pa-product-image-link {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    
    .aalb-pa-product-image-source {
        max-width: 150px;
        max-height: 150px;
        vertical-align: bottom;
    }
    
    .aalb-pa-percent-off {
        display: block;
        width: 32px;
        height: 27px;
        padding-top: 5px;
        position: absolute;
        top: -16px;
        right: -16px;
        color: #ffffff;
        font-size: 12px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        background-color: #a50200;
        background-image: -webkit-linear-gradient(top, #cb0400, #a50200);
        background-image: linear-gradient(to bottom, #cb0400, #a50200);
    }
    
    .aalb-pa-ad-unit.hide-percent-off-badge .aalb-pa-percent-off {
        display: none;
    }
    
    .aalb-pa-product-details {
        display: inline-block;
        max-width: 100%;
        margin-top: 11px;
        text-align: left;
    }
    
    .aalb-pa-ad-unit .aalb-pa-product-title a {
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 13px;
        color: #111111;
        text-decoration: none;
    }
    
    .aalb-pa-ad-unit.no-truncate .aalb-pa-product-title a {
        text-overflow: initial;
        white-space: initial;
    }
    
    .aalb-pa-product-offer-price {
        font-size: 13px;
        color: #111111;
    }
    
    .aalb-pa-product-offer-price-value {
        color: #AB1700;
        font-weight: bold;
    }
    
    .aalb-pa-product-list-price {
        font-size: 13px;
        color: #565656;
    }
    
    .aalb-pa-product-list-price-value {
        text-decoration: line-through;
    }
    
    .aalb-pa-product-prime-icon .icon-prime-all {
        background: url("https://images-na.ssl-images-amazon.com/images/G/01/AUIClients/AmazonUIBaseCSS-sprite_2x_weblab_AUI_100106_T1-4e9f4ae74b1b576e5f55de370aae7aedaedf390d._V2_.png") no-repeat;
        display: inline-block;
        margin-top: -1px;
        vertical-align: middle;
        background-position: -192px -911px;
        background-size: 560px 938px;
        width: 52px;
        height: 15px;
    }
    
    .aalb-pa-product-offer-price,
    .aalb-pa-product-list-price,
    .aalb-pa-product-prime-icon {
        display: inline-block;
        margin-right: 2px;
    }
    
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .aalb-pa-ad-unit .aalb-pa-product-prime-icon .icon-prime-all {
            background: url("https://images-na.ssl-images-amazon.com/images/G/01/AUIClients/AmazonUIBaseCSS-sprite_2x_weblab_AUI_100106_T1-4e9f4ae74b1b576e5f55de370aae7aedaedf390d._V2_.png") no-repeat;
            display: inline-block;
            margin-top: -1px;
            vertical-align: middle;
            background-position: -192px -911px;
            background-size: 560px 938px;
            width: 52px;
            height: 15px;
        }
    }
    
    /* css for mobile devices when device width is less than 441px*/
    @media  screen and (max-width: 440px) {
        .aalb-pa-ad-unit {
            float: none;
            width: 100%;
        }
    
        .aalb-pa-product-container {
            margin: 0 auto;
            width: 100%;
        }
    
        .aalb-pa-product-details {
            text-align: center;
            margin-top: 11px;
        }
    }
    • Esta respuesta fue modificada hace 5 años, 4 meses por Fernando Tellado. Razón: Etiquetado correcto del código
    Iniciador del debate alexsevilla

    (@alexsevilla)

    Buenas tardes, si es en la página principal.
    Editar nuevamente la galería es lo primero que comprobé, los enlaces seguían establecidos como cuando estaba funcionando e incluso los he vuelto a poner todos y como te comento he subido imágenes nuevas con enlaces y no funcionan.

    • Esta respuesta fue modificada hace 5 años, 11 meses por alexsevilla.
Viendo 15 respuestas - de la 1 a la 15 (de un total de 18)