griglia immagini

  • Resolved romalocation

    (@romalocation)


    4 years, 4 months ago

    Creando il pdf dal telefono le foto si sistemano in griglia come sul sito, mentre da pc le immagini si dispongono tutte in fila una sotto l’altra, esiste un codice css da incollare nel plugin per sistemare le foto come sul sito e sul pdf mobile in griglia?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Print & PDF by PrintFriendly

    (@printfriendly)

    4 years, 4 months ago

    Please try this custom CSS

    .ftg-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ftg-items div {
    margin-right: 10px;
    margin-left: 10px;
}
    
.ftg-items img {
max-width: none !important;
width: 350px !important;
}

.ftg-social, .loading-bar {
display: none;
}
    Thread Starter romalocation

    (@romalocation)

    4 years, 4 months ago

    grazie per la risposta cosi veloce! inserendo questo codice, non mi funziona più questo: .pf-primary-img {display: none;}
    per eliminare la prima immagine di anteprima.

    • This reply was modified 4 years, 4 months ago by romalocation.
    • This reply was modified 4 years, 4 months ago by romalocation.
    Thread Starter romalocation

    (@romalocation)

    4 years, 4 months ago

    ho risolto solo, mi resta solo il problema che mi taglia le immagini che sono tra una pagina e l’altra, si puà risolvere?

    Plugin Author Print & PDF by PrintFriendly

    (@printfriendly)

    4 years, 4 months ago

    Remove the previous styles and try this

    .ftg-items div {
        page-break-inside: avoid;
}
.ftg-items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
}

.ftg-items img {
max-width: none !important;
width: 250px !important;
}

.ftg-social, .loading-bar {
display: none;
}
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘griglia immagini’ is closed to new replies.