Установка классов для кнопок в визуальном редакторе?

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

Установка классов для кнопок в визуальном редакторе?

Нет, нужно действие именно на дефолтную кнопку. Со сниппетом проблем нет.

Fancybox3 глюк?

Сергей, попробуйте отключить zoom эффект.
PS: При смене слайда такого эффекта нет.

https://fancyapps.com/fancybox/3/docs/#options

// Open/close animation type
// Possible values:
// false - disable
// "zoom" - zoom images from/to thumbnail
// "fade"
// "zoom-in-out"
//
animationEffect : "zoom"

Проблемы с sub menu?

Breeze1,

Доля ФФ падает по данным liveinternet.

PS: Раньше в ФФ все верстал, но т.к. текст во всяких кнопочек/инпутах/ меню и т.д. прыгал в остальных браузерах (например, в хроме/ie10/ie11/сафари на мобильном на 1px надо было текст приподнять [ie9/8 норм]) плюнул, стал делать все в хроме. да неудобно по сравнение с файрбагом, но зато потом не надо в топовых браузерах все подгонять.

Теперь делаю все в хроме, под ФФ/IE любой/Сафари на мобильном вообще не подгоняю.

Про ФФ подумаю что можно сделать.

Проблемы с sub menu?

Breeze1,
Отредактировал, пересохранил Ваш пример:
https://codepen.io/anon/pen/QOQWMK?editors=1100

Как сделать pop up из обычного дива?

активному табу position fixed, top 0 left0 right 0 bottom 0.

на body html overflow-y hidden (PS: возможно страница проскроллится вверх!!! нужно будет еще парочку свойств дописать).

Не могу применить background-color для div-a?

maestro07, Спасибо.

Обновил ваш код (на container повесил класс clearfix и в css прописал правила для .clearfix:after). когда вы используете float:left И float:right без использования clear:both элемента, то высота блока равна 0px.

Вот можете тут примеры посмотреть.
webcareer.ru/clearfix-na-css.html

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

Алексей selftrips.ru,
Вот пример. НО СРАЗУ сказу селекторы так не стоит прописывать, не производительные.

Допустим нам надо чтобы на планшете и телефоне текст был ЗА изображением.
Прописываем так

@media all and (max-width: 767px) {
#content .text-after img.alignleft, #content .text-after img.alignleft{
    float:none
}
}

Вот кусок "корявого" кода из файрбага на действующем сайте (PS: не прописал в примере media)

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

Алексей selftrips.ru, А вот комменты не читал.

selftrips.ru/strany-i-mesta/severnaya-amerika/ssha...

Текст что в одном параграфе с картинкой вытащи его из этого параграфа и размести отдельно в другой параграф, на телефоне/планшете просто float: none для картинок ставишь и все.
Или изображения что в параграфе обернуть в span и на телефоне/планшете ему display:block
Не вариант?