template responsive mi taglia le immagini

[spadajoker]

Ciao a tutti,
sto facendo girare un sito test ed ho utilizzato un template responsive.

Il problema nasce quando vado sul sito con lo smartphone, infatti il sito essendo responsive si adatta alla perfezione ma le immagini degli articoli invece vengono tagliate invece di essere ridimensionate e inoltre avolte fanno sballare tutto l'allineamento del sito, fatto strano dato che dalla demo del template si adattano senza problemi.

es. http://psss.altervista.org/index.php/trattamenti-servizi/make-up-trucco-sposa

es. http://psss.altervista.org/index.php/trattamenti-servizi/mani-piedi/ricostruzione-unghie

Cosa potrei aver sbagliato? aiutooo

[$Red]

Ciao, forse perche inserisci le immagini dal tab immagini e link prova ad inserirle nel contenuto.

[conti1]

ciao
mi sa che quel teplate non sia al 100% responsive

cerca il  foglio css
style.css  riga 102
aggiungi questo   width: 100%;
tu hai un css fatto in questo modo

Codice: [Seleziona]

img {    border: 0 none;   
}
aggiungi quel che vedi

Codice: [Seleziona]

img {    border: 0 none;    width: 100%;}

[flavio65]

Salve,

Ho visto i siti prova; che modulo hai usato per le visualizzare le immagini ?

Grazie

Flavio

[spadajoker]

Ciao, forse perche inserisci le immagini dal tab immagini e link prova ad inserirle nel contenuto.

per le immagini anche se le inserisco non da immagini e link non cambia nulla..sempre tagliate escono fuori..

ciao
mi sa che quel teplate non sia al 100% responsive

cerca il  foglio css
style.css  riga 102
aggiungi questo   width: 100%;
tu hai un css fatto in questo modo

Codice: [Seleziona]

img {    border: 0 none;   
}
aggiungi quel che vedi

Codice: [Seleziona]

img {    border: 0 none;    width: 100%;}

per quanto riguarda il file .css ne ho ben 3 tipi (responsive, mobile e css normale) solo che sul mobile ci sono scritte solo un paio di cose..

cmq sul demo del template le immagini sono perfette

https://www.google.it/url?sa=t&source=web&rct=j&url=http://www.globbersthemes.com/livedemo/codycherry&ved=0ahUKEwjKu6ju9MfMAhUCshQKHfpJBVMQFghLMAs&usg=AFQjCNHyHBmiYS0dzyE40M3fD8sJEFpHQg&sig2=pj2HZhxvWJb_WEQJYw7bXg

cmq ora provo a inserire quanto suggerito ma è  strana questa cosa..

[spadajoker]

Salve,

Ho visto i siti prova; che modulo hai usato per le visualizzare le immagini ?

Grazie

Flavio

se intendi lo slider è questo
se non intendi lo slider sono immagini inserite dall'editor.

[spadajoker]

ho aggiunto
width:100%

e sembra funzionare, dico sembra perchè aspetto di provare a caricare altre immagini, quelle che erano caricate sembrano diventate responsive...

c'è solo un problema, ed è che inserendo width 100% il logo del sito ha pensato di fare lo stesso, in pratica si allunga per tutta la larghezza del sito 

[flavio65]

Grazie ora lo provo.

Flavio

[conti1]

ok capito
cambia il css dove aggiongere il tag

cerca, vedi che e vuoto il tuo
/css/style.css  riga 1689

Codice: [Seleziona]

.gk-article-single img {    width: 100%;}

e togli quello precedente