Jak zrobić by obrazki zmieniały wielkości w zależności od urządzenia?

Otóz mam one page stronkę na wordpressie, troche tekstu, button i tyle. Problem jest taki że na komputerze wszystko wygląda świetnie, jednak nie scaluje obrazków gdy odpalamy stronę np. na telefonie. Gdyby to były obrazki w poście to bym dodał jakieś max-width:100% i pewnie by działało jednak te obrazki dodaje w 'customize' więc tam nie ma jak dodać takiego codu. W szablonie nie mogę nic za bardzo znaleźć. Jest jakaś wtyczka która mi pomoże albo jakieś inne magiczne sztuczki?

.dopasuj {
    width: 100%;
    height: auto;
}

Nie powinno być problemu z dopisaniem class do obrazków.

Mam nadzieję, że pomogłem.

No właśnie problem jest taki że w 'customize' nie ma jak dodać tego(albo ja nie umiem). Jest tylko URL, title, caption, ALT Text i Description. @WebMaster

Jeżeli masz wordpress to motyw powinien mieć ustawioną responsywność obrazów. Jaki motyw obecnie używasz?

Jest inna opcja poza 'customize'

• Wygląd -> Edytor -> Style.css

Dodaj w CSS
 

.content img { height: auto; max-width: 100%; }

@Harry Używam Hestia theme.

@WebMaster Nie ma znaczenia w którym miejscu?

@Meat

Napisz na PW, ogarnę to

Na przyszłość -  wtyczka WPtouch powinna załatwić sprawę.

Spotkałem się ostatnio u klienta na stronie, że powyższa wtyczka na motywie div blokowała prawidłowe wyświetlanie modułów. 

Pomijam fakt iż ten plugin w dobie RWD i AMP jest zbędny :-)