Как установить максимальную ширину картинкам в комментариях Disqus?

Question

[deleted-mezhevikin]

На сайте стоят комментарии disqus, когда пользователь постит картинку - она отражается полным размером, хочу сделать максимальную ширину 300px.

Пробовал так:

.post-content .post-body .media-container img {
  max-width: 300px !important;
}

Любые идеи. Если делать с помощью javascript то по какому событию отслеживать загрузку комментариев?

Здесь говорится что у дискуса есть callback, но у меня он не вызывается.

function disqus_config() {
    this.callbacks.afterRender = [function() {
        // your code here
    }];
}

Answer 1

[Денис Инешин]

Зачем такая вложенность?) Допустим у вас discuss лежит в контейнере .comments. Тогда напишите просто:

.comments img {
    max-width: 300px;
}

Comments

[deleted-mezhevikin]

лежит в классе .comments, не работает так. пример где пробую www.droptable.ru/2015/06/parental-control.html

[deleted-mezhevikin]

mezhevikin: конечно если через инспектор или фаербаг задать стиль все работает. видимо сам дискус по загрузке комментов переопределяет стили, видимо только javascript'от нужно делать

[Денис Инешин]

mezhevikin: а ну да, ну да! Discuss же вставляется в виде iframe. Так что да, так просто на CSS не исправить.

Answer 2

[Serdji]

Как вариант на клик, при нажатии на кнопку опубликовать.

$( 'button' ).on( 'click', function {
	$( 'img' ).addClass( '.media-container' );
} );

Comments

[deleted-mezhevikin]

ват?

[Serdji]

Сори, не сразу понял вопрос ))))

[deleted-mezhevikin]

Serdji: :))