Можно поменять CSS чужого сайта во Wrapper - Joomla 3.x: Общие вопросы

Сбербанк на своей форме оплаты, которая у меня через wrapper работает поставил вот такой код

@media (max-width: 420px)
body {
    min-width: 380px;
    box-sizing: border-box;

И теперь в мобильной версии сайта форма вылезает за рамки мобилки.

Вопросы:
Можно ли изменить чужой CSS (в своем wrapperе естественно)?
Меня бы устроило так:

@media (max-width: 420px)
body {
    min-width: 300px;
    box-sizing: border-box;



Можно ли сказать мобильнику чтоб не сжимал сайт более чем на 400 пикселей.

Проблемы живут тут http://xn----8sbciia6ahsidnpbdyu4fuc.xn--p1ai/platnye-uslugi.html

@media (max-width: 420px)
body {
    min-width: 300px !important;
    box-sizing: border-box;

И в любое ваше CSS. Будет считаться главным. Попробуйте.

так должно быть, да?


@media (max-width: 420px) {
#body {
    min-width: 300px !important;
    box-sizing: border-box;
  }
}
 

да.

и должно быть подключено по идее <meta name="viewport" content="width=device-width, initial-scale=1">

и непонятно, почему сбербанк пользуется обрезанным @media/
логичнее было бы @media screen and

@media screen and (max-width: 420px) {
#body {
    min-width: 300px !important;
    box-sizing: border-box;
  }
}

А ещё , если точнее от и до :

@media screen and (max-width: 420px) and (max-height: 600px)

или так к примеру:

@media (min-width: 420px) and (max-width: 600px)

тут долго можно играться max и min.


ТС, тут целая наука и таблица вариантов, но вам должно подойти выше написанное.

vipiusss, через wrapper, это значит через iframe...

vipiusss, через wrapper, это значит через iframe...

ну div хоть в чём, он же на сайте!
я например так fontawesome .fa меняю !important  и недавно делал виджет из уптолике.
создаю тот же класс в CSS с принудиловкой.

Нет, на содержимое фрейма это не подействует.

Нет, на содержимое фрейма это не подействует.

Тогда извините, не прав.

Нет, на содержимое фрейма это не подействует.

так выходит что я не смогу сменить CSS и всегда в мобильной версии у меня будет вылезать поле оплаты за края? Может как то масштабировать это все можно?

где у вас что вылазит? http://prntscr.com/dnyqp4

где у вас что вылазит? http://prntscr.com/dnyqp4

Это тестовая ссылка. В не тестовой по мимо лого визы и мастеркарт добавили лого системы мир и сss стиль min-width: 380px. 

пишите значит сбербанку. в противном случае счастливые владельцы телефонов с меньшим количеством пикселей передвигаются по воздуху из одного места в другое как многослойный строительный материал, изготавливаемый путём склеивания специально подготовленного шпона, над административным центром региона Иль-де-Франс

P.S. а в div с разрешенной горизонтальной прокруткой можно же iframe поместить?

Поместить можно, но iframe не наследовал размеры блока, как-то долго воевал с этой проблемой. Мне кажется проще через JS изменять размеры ифрейма

так а не нужно наследования. тело ифрейма будет размером 380px как и хотят этого разработчики сбербанка. но обрамляющий его div будет иметь прокрутку, и те юзеры, которые имею ширину меньше чем достаточно для показа без прокрутки, смогут прокрутить его и увидеть. через js можно поменять размеры iframe, но нельзя поменять размеры body в этом iframe

Не проще тогда использовать

честно говоря не знаю может и проще я не знаю как добавляется iframe, и как регулируется высота.

так а не нужно наследования. тело ифрейма будет размером 380px как и хотят этого разработчики сбербанка. но обрамляющий его div будет иметь прокрутку, и те юзеры, которые имею ширину меньше чем достаточно для показа без прокрутки, смогут прокрутить его и увидеть. через js можно поменять размеры iframe, но нельзя поменять размеры body в этом iframe

Ну вот собственно я этот колхоз и хочу исправить. Может есть какое решение которое будет загружать фрейм в себя, и выдавать фрейм с измененными параметрами СSSов. Было бы круто. Я бы свой поисковик замутил в свободное время )))

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

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

Вы перегибаете палку. Достаточно написать скрипт который будет читать чужую страницу (код) и переводить ее в твой фрейм с заменой стилей разработчика на твои.

да? т.е. вы думаете, что можно открыть исходный код, скопировать разметку формы, вставить себе на сайт, и принимать деньги как сбербанк? для этого давным давно придумана защита от подмены сессии. если сбербанк ей не пользуется (искренне сомневаюсь), то это конечно его проблемы. но в нормальных формах такое не прокатит. у вас даже отзыв отправить не получится, не то что деньги.

dmitry_stas, ну зачем вы сразу охладили пыл человека? Так ТС бы учился и учился на своих ошибках, а это лучший способ получить знание.

ага... а я вот блин на своих учился...

Можно попробовать через Javascript - у меня получалось


JQuery обязательно

попробовать то конечно можно... в некоторых случаях даже нужно но работать это будет как правило только в случае когда родительское окно и ифрейм открыты с одного источника.

ТС в принципе верно сказал, единственный способ - это парсить целевую страницу и выводить ее уже как свою. просто что конкретно с формами тут накладываются другие ограничения. а конкретно с платежными формами - так это еще и нарушение УК, насколько мне известно. называемое фишинговая страница оно и логично, просто если бы не было таких ограничений, то продолжая мыслить в этом направлении, можно дойти и до того, что менять можно не только CSS, а и например перехватывать вводимые данные карты

Очень сомневаюсь, что сбербанк не использует токены для предотвращения CSRF
Однако никто не запрещает менять аттрибуты iframe посредством того же Javascript

Очень сомневаюсь, что сбербанк не использует токены для предотвращения CSRF

я тоже.

Однако никто не запрещает менять аттрибуты iframe посредством того же Javascript

безусловно. iframe это такой же элемент DOM как и все остальные. и он доступен для изменения. но вот его контент - в общих случаях нет.