При дробном значении пикселей используется размытие соседних. В css и поддержка браузерами пока что на недостаточном уровне. Так что либо бить по рукам дизайнера, либо использовать картинки как в старые добрые времена...
Если вкратце, потому что SVG это не html, а то, что мы можем с ним работать так, это грубо говоря фича парсера, т.е. svg остаётся в контексте svg и работать с ним в javascript надо как с svg, а JQuery не вкурсе про это при динамическом создании элементов.
В общем вот рабочая версия: https://jsfiddle.net/9rsgc377/6/ внимание на строку 39 и далее.
Без костылей решается перехватом хуков. Каких именно - смотрите в ководстве.
Покрайне мере отображение/позиция пунктов меню, блоков и тд. изменить можно.
Так же внешний вид можно сменить через готовые темы ну или через css, если нужно всего чуть-чуть.
Так же внешним видом (отображения тех или иных блоков, плагинов, меню и тд) можно управлять через права пользователей, но не все плагины поддерживают это.
При переходе на новый слайд в куках запоминайте нормер/айдишник/любой уникальный номер, соответственно при загрузке страницы берите значение из куки и показывайте соответствующий слайд.
Не парьтесь.
У них и так праздник:
Но если по существу - как минимум лицензия есть - остальное на Вашей совести.
Да и Вы не самый злостный нарушитель - целые студии бывает вообще не парятся, так что =)
По-моему toggleClass не меняет существующий, а добавляет/либо убирает тот, который вы ему указали (т.е. переключатель)
т.е. при первом клике просто будет дописано form fact а при втором убрано fact и останется form
Для смены лучше писать .removeClass('form').addClass('fact');
