kenwheeler.github.io/slick
Center Mode
arrows: false
controls: false
И совсем не понимаю, чем он тебя не устраивает.
Но судя по описанию, ты просто не так его готовишь.
Решается через переопределение CSS.
С данной таблицей только одно решение.
Обернуть в div и задать ему overflow-x: scroll.
Т.е. сделать таблицу единственным элементом, который можно скроллить по горизонтали.
Тут таблица сложная и перестроить элементы не потеряв информативность нельзя.
Ну, а если хотите заморочиться, то вам сюда https://css-tricks.com/responsive-data-tables/
Самая простая хрень. https://jsfiddle.net/webirus/e9a6h1af/
Блок и псевдоэлемент в виде соска белого.
Сосок можно картинкой, а можно на css, но геморойно.
Лучше на SVG эту хрень сделать.
Тут немного сложнее, чем простой FancyBox.
Я бы посоветовал более гибкую в настройке LightGallery в связке с LightSlider.
Но нужно будет инициализировать несколько разных галерей.
Первая галерея основная, где все картинки.
А потом, при открытии модального окна инициализируется другая галерея.
А в ней уже разные ракурсы, относящиеся к одному товару.
А что у вордпресса разве нет установщика?
Закинули файлы в папку, запустили сайт и пошли к инсталлеру. http://example.com/wp-admin/install.php
Там уже прописываете подключение к БД.
Ссылку нужно сделать блочным элементом. a { display: block; } и нужно убрать там z-index: -1000;.
а также задать какие-то величины ширины и высоты.
Вопрос с подвалом решить легко благодаря flexbox и медиа-запросам.
Описывать весь код не буду, только подтолкну к мысли.
Для десктопной версии flex-direction: row; для мобильной - flex-direction: column;.
Прекратите пихать туда ссылки и прочую хрень.
Псевдоэлементы предназначены для совершенно других целей.
Сделать можно, но я лучше отвечу "Никак", чтобы не плодить говнокода.
