Адаптивност на изображенията

[drumevika]

Здравейте,
имам проблем с изображенията в шаблон Rt_fresco_responsive. Въпреки че шаблона е респонсибъл изображенията не се адаптират към размера на екрана, а искам при отваряне на телефон или таблет те да се смаляват пропорционално. Пробвах с плъгин XT Adaptive Images и Adaptive Image Script, но нищо не се получи.
Можете ли да ме посъветвате как да постъпя?

[dtk]

Дали има вариант да дадете линк към сайта, т.к. така може да ви даваме само насоки, но нищо конкретно.

1. Трябва да се провери да не би да са зададени някъде точни размери на снимките или да се наследяват такива.

2. Ако няма зададени такива стилове, трябва да се зададе на класа или ИД на снимките в CSS нещо такова:

Код: [Маркирай кода]

{
    display: block;
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
}

Може да се наложи и допълнително пипане по CSS, но без линк е трудно.

3. Ако се съди по това демо изглежда, че сайта не е респонсив, въпреки че в спецификацията пише че е. Може и демото да не е обновено. Това още повече затруднява съдействието. http://demo.rockettheme.com/live/joomla/fresco/

4. Ако сте закупили темплейта от RocketTheme, препоръчвам ви да пишете на съпорта, те най-точно ще ви помогнат.

[drumevika]

това е линк към сайта newbielink:http://birariasps.com/ [nonactive]
надявах се да има по-лесно решение, като добавяне на плъгин или промяна на настройките :-(

[dtk]

Надявам се, че имате достъп до файловете чрез FTP клиент.

Намерете и изтеглете файла "template.css"

Код: [Маркирай кода]

templates/rt_fresco_responsive/css/template.css
Изтеглете го на вашия компютър и го отворете с текстов редактор - notepad++, notepad или друг.

Поставете този код някъде. Най-добре най долу за да знаете, че вие сте си го добавили

Код: [Маркирай кода]

img {
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
}

Запаметете промените и върнете файла "template.css" чрез FTP там, от където го изтеглихте (templates/rt_fresco_responsive/css/), като препокриете вече стария "template.css"

Пробвайте дали всичко е добре. Ако има проблем, по всяко време може да махнете този код и ще мислим друго.

П.С.
В този случай, ако обновявате темплейта някога, тази промяна няма да остане. Но поне за момента да пробваме дали се получават нещата. Ако всичко е ОК, ще ви кажа и как да направим custom.css файл, който няма да се променя при обновяване.
Преди да правите промени, запазете си едно копие на файла "template.css", което да може да върнете по всяко време, ако се получи проблем.

[drumevika]

Супер! Благодаря много, корекцията е успешна и изображенията се адаптират коректно :-)

[drumevika]

  за съжаление при браузване с Chrome отново изображенията не се адаптират.
Дайте ми съвет моля!

[dtk]

Грешите, всичко си е ОК.
Пробвах и на компютър и на телефон с Google Chrome и няма проблем.
Проблемът е при вас, т.к. вашия браузър е кеширал сайта преди вчерашната промяна.

Решение: Изчистете кеша на браузъра или заредете сайта и натиснете Ctrl+F5.

[drumevika]

Много благодаря за помощта, наистина ми спестявате много часове лутане!!!
Хубав ден!