Visualizzazione risultati 1 fino 30 di 30

Discussione: tema Tafri travel formato immagini

  1. #1
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito tema Tafri travel formato immagini

    Ciao a tutti, ho installato questo tema, e nella demo le 4 immagini in basso sono rotonde,


    ma a me sono uscite ovali, come anche sul tutorial che ho seguito,

    sapete per caso come si fa ad averle tonde?

    Grazie

  2. #2
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Da quanto ho capito, le immagini in evidenza dovrebbero avere dimensioni 300px x 300px.
    Aggiungendo il seguente CSS dovresti comunque riuscire a forzare le dimensioni e ad ottenere la forma circolare:

    .des_box .des_box_img img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    }

    Aumenta la percentuale del border-radius se non ti soddisfa.
    Nella configurazione del "Post Settings" tieni il "Post Featured Image Dimention" su Default.

    Ciao

  3. #3
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito


    quasi bene, anche se aumentando la percentuale del border radius rimane così, non è proprio tondo ma va meglio, almeno le uova stanno in piedi

  4. #4
    darbula è connesso ora AlterGuru
    Data registrazione
    24-04-2011
    Messaggi
    2,455

    Predefinito

    Puoi modificare solo se conosci le dimensioni reali e hanno lo stesso aspect ratio https://en.wikipedia.org/wiki/Aspect_ratio_(image)
    Se la miniatura o l'origine mantiene lo stesso aspect ratio, puoi diminuire o aumentare con lo stesso aspect ratio. A limite verrà sfocata ma non ovalizzata risultando sempre tonda. Discorso diverso se le misure si devono adattare anche alla dimensioni della pagina (poiché anch'essa è aspect ratio) e infine bisogna conoscere le dimensioni del dispositivo di riproduzione "aspect ratio".

    Cioè a dire poiché la tua pagina è di maggiore altezza rispetto alla demo, vedrai ovalizzato.
    Ultima modifica di darbula : 28-08-2021 alle ore 17.28.18

  5. #5
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Citazione Originalmente inviato da mindy Visualizza messaggio

    quasi bene, anche se aumentando la percentuale del border radius rimane così, non è proprio tondo ma va meglio, almeno le uova stanno in piedi
    Mmmm.... non è che hai settato il "Container Box" con "Box Layout? Con "Default" o "Wide Layout" vengono tonde con border-radius 50%.

    Ciao

  6. #6
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    mi pare che sia giusto, mi sa che devo cambiare tema

  7. #7
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Strano, io riesco a configurarle tonde.

    https://ibb.co/Bt8pM7z

    Controlla la configurazione del tema.
    Dimenticavo: Se hai attivato CloudFlare, attiva la modalistà di sviluppo, oppure lo disattivi temporaneamente, altrimenti le modifiche grafiche potresti non vederle subito. Prova a svuotare anche la cache.

    Ciao
    Ultima modifica di frasidipace : 28-08-2021 alle ore 23.33.45

  8. #8
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    CloudFlare è non è attivo, ho seguito questo link trovato in rete,https://themeseye.com/theme-demo/doc...-tafri-travel/ forse dovrei cambiare qualche impostazione.

  9. #9
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Ho lasciato le impostazioni di default, quindi se non hai modificato nulla dovresti avere la mia stessa configurazione.
    Puoi rendere visibile la pagina? Magari si riesce ad aiutarti utilizzando i tools del browser.
    Ciao

  10. #10
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    E' una vecchia pagina vuota che stavo usando per provare il tema http://atlantideedintorni.altervista.org/

  11. #11
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Credo che sia la risoluzione o qualche impostazione grafica del tuo monitor . Sono tonde https://ibb.co/PTvJFnv
    Prova a visualizzare anche sullo smartphone. Sul mio sono pefettamente tonde.

    Ciao

  12. #12
    darbula è connesso ora AlterGuru
    Data registrazione
    24-04-2011
    Messaggi
    2,455

    Predefinito

    Però la demo nel suo iframe utilizza 256x256 aspect ratio 1:1 miniature, invece penso salti qualche passaggio quando crei una nuova categoria.
    Dal tuo browser fai cerca Destination Section di tale guida https://themeseye.com/theme-demo/doc...-tafri-travel/ "Step 1 - Go to Dashboard >> Appearance >> Categories >> Add New"
    Togli il css personalizzato, svuota la cache del browser o plugin o altro.

    Mindy nella demo li vedrà tondi, quindi qualcosa cambia nel sito di prova.
    Mentre la miniutara se via browser può perdere di qualità, o ridimensionamento errato poiché sceglie l'algoritmo più veloce che non sempre coincide con la qualità. Li vedi ovali perché il tuo browser applica un'errata conversione di due aspect ratio diversi.

    Ti occorre semplicemente la miniatura creata dal tema, siccome sarà con aspect ratio 1:1 256x256 sarà sempre adattabile dal browser. Questa ad esempio sarebbe il primo "ipotetico" tondo http://oscurato.altervista.org/114-2/ boh a me non sembra nemmeno una categoria :/ che sarebbe questa http://oscurato.altervista.org/wp-co...70-768x432.jpg 768x432 con aspect ratios 1,78:1 (16:9)
    Sostituire oscurato con il dominio interessato.
    Ultima modifica di darbula : 30-08-2021 alle ore 01.47.45

  13. #13
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    Citazione Originalmente inviato da frasidipace Visualizza messaggio
    Credo che sia la risoluzione o qualche impostazione grafica del tuo monitor . Sono tonde https://ibb.co/PTvJFnv
    Prova a visualizzare anche sullo smartphone. Sul mio sono pefettamente tonde.

    Ciao
    davvero?

  14. #14
    darbula è connesso ora AlterGuru
    Data registrazione
    24-04-2011
    Messaggi
    2,455

    Predefinito

    Se il browser riesce a calcolare due diversi aspect ratio, certo si vedono tonde.
    Però se vuoi la massima compatibilità dovrà essere il tema a creare le miniature.

  15. #15
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    E' vero dal cellulare le vedo tonde però se ci clicco il risultato è che l'effetto on mouse over è ovale.

  16. #16
    darbula è connesso ora AlterGuru
    Data registrazione
    24-04-2011
    Messaggi
    2,455

    Predefinito

    Mindy hai letto qui dove ti fermi?
    Crea una nuova categoria, poi guarda i due passaggi successivi della guida anche se crei post da prova. Per capire se il tema non riesce a creare miniatura.
    Ultima modifica di darbula : 29-08-2021 alle ore 22.54.18

  17. #17
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Citazione Originalmente inviato da mindy Visualizza messaggio
    E' vero dal cellulare le vedo tonde però se ci clicco il risultato è che l'effetto on mouse over è ovale.
    Sul mio smartphone sempre tonde anche cliccando su. Dicentano un po' più grandi ma restano tonde, sia con Chrome, sia con l'app nativa Samsung.
    Sul PC ho provato con 3 browser e tutti le mostrano tonde.
    Hai provato con un altro browser?
    Dimenticavo: hai un monitor 16:9 o 4:3? Ho notato che con 16:9 riducendo la schermata diventano ovali. O presumibilmente sei con un portatile, infatti ho provato col portatile e le immagini sono ovali. Potrebbe essere, quindi, il responsive del tema a fare questo scherzo. Tra l'altro questo tema mi sembra sia sviluppato con il framework bootstrap, quinsi son dolori...

    Ciao
    Ultima modifica di frasidipace : 29-08-2021 alle ore 23.57.48

  18. #18
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    EUREKA! Forse ho trovato.
    Aggiungi questo CSS:

    .col-lg-3 {
    flex: 0 0 auto;
    width: auto;
    }

    Con questo funziona il ridimensionamento e anche sul portatile. Fammi sapere come va sullo smartphone.

    Ciao

  19. #19
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    Citazione Originalmente inviato da frasidipace Visualizza messaggio
    EUREKA! Forse ho trovato.
    Aggiungi questo CSS:

    .col-lg-3 {
    flex: 0 0 auto;
    width: auto;
    }

    Con questo funziona il ridimensionamento e anche sul portatile. Fammi sapere come va sullo smartphone.

    Ciao

    Si uso il portatile, e aggiungendo il CSS adesso visualizzo correttamente, a parte palla a capo

  20. #20
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    dal cellulare anche tonde, solo un pò verso sinistra

  21. #21
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Questo accade perché l'anteprima degli articoli è allineata a sinistra, quindi sullo smartphone vedi le singole sgfere allineate a sinistra.
    Sul portatile la quarta sfera va a capo perché non ci sta nel video, è normale.
    Volendo potresti allineare al centro, ma la quarta la vedresti da sola al cento, in questo modo https://ibb.co/MhFHPJm
    Questo dipende da come vuoi far visualizzare.

    Ciao

  22. #22
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    Non solo nell'anteprima, sono proprio 3 e una a capo, invece dovrebbero essere 4 allineate

  23. #23
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Citazione Originalmente inviato da mindy Visualizza messaggio
    Non solo nell'anteprima, sono proprio 3 e una a capo, invece dovrebbero essere 4 allineate
    Riduci width e hight a 240px nel CSS che hai personalizzato.
    Ma in questa categoria devi pubblicare solo 4 articoli? Se sì e vuoi centrare, modifica la class .col-lg-3 nel modo seguente:

    .col-lg-3 {
    flex: 0 0 auto;
    width: auto;
    text-align: center;
    margin: 0px auto;
    }

    In questo modo centrerai anche sullo smartphone.

    Ciao

  24. #24
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    Citazione Originalmente inviato da frasidipace Visualizza messaggio
    Riduci width e hight a 240px nel CSS che hai personalizzato.
    Ma in questa categoria devi pubblicare solo 4 articoli? Se sì e vuoi centrare, modifica la class .col-lg-3 nel modo seguente:

    .col-lg-3 {
    flex: 0 0 auto;
    width: auto;
    text-align: center;
    margin: 0px auto;
    }

    In questo modo centrerai anche sullo smartphone.

    Ciao
    graziee così funziona,


    quanto al n. di articoli sulla pagina del tema
    https://www.themeseye.com/demo/tafri-travel-pro/ sembrerebbe che scorrano in slide, ed è proprio quello che mi servirebbe, ma io ho provato a metterne 5 e me lo manda a capo, forse perché sto usando la versione free.
    Ultima modifica di mindy : 31-08-2021 alle ore 20.30.10

  25. #25
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Citazione Originalmente inviato da mindy Visualizza messaggio
    graziee così funziona,


    quanto al n. di articoli sulla pagina del tema
    https://www.themeseye.com/demo/tafri-travel-pro/ sembrerebbe che scorrano in slide, ed è proprio quello che mi servirebbe, ma io ho provato a metterne 5 e me lo manda a capo, forse perché sto usando la versione free.
    Effettivamente il link si riferisce alla versione PRO, ma prova a smanettare nella sezione Slider Setting. Eventualmente chiedi supporto nel forum del tema nella directory di Wordpress.

  26. #26
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    Avevo provato a chiedere ma mi avevano detto che era tutto a pagamento, pure le palle

  27. #27
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Citazione Originalmente inviato da mindy Visualizza messaggio
    Avevo provato a chiedere ma mi avevano detto che era tutto a pagamento, pure le palle
    Ehhhh....
    Se ti serve uno slider gratuito per gli articoli prova questo .
    Ovviamente dovresti abbandonare le opzioni del tema e configurare lo shortcode del plugin per quello che vuoi ottenere.
    Potresti ottenere qualcosa del genere:

    Ultima modifica di frasidipace : 01-09-2021 alle ore 15.13.15

  28. #28
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    Citazione Originalmente inviato da frasidipace Visualizza messaggio
    Ehhhh....
    Se ti serve uno slider gratuito per gli articoli prova questo .
    Ovviamente dovresti abbandonare le opzioni del tema e configurare lo shortcode del plugin per quello che vuoi ottenere.
    Potresti ottenere qualcosa del genere:

    non riesco a visualizzare il link

  29. #29
    frasidipace non è connesso Utente
    Data registrazione
    07-05-2010
    Messaggi
    115

    Predefinito

    Ultima modifica di frasidipace : 01-09-2021 alle ore 15.59.36

  30. #30
    L'avatar di mindy
    mindy non è connesso Neofita
    Data registrazione
    03-04-2003
    Messaggi
    21

    Predefinito

    grazie li provo

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •