varzin

Как самое простое решение вам подойдет вот этот очень популярный плагин. https://wordpress.org/plugins/contact-form-7/scree...

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

Например вот так codepen.io/varzin/pen/rFfhH

Обратите внимание, что мы теперь выводим не просто значения, а обрамляем их тегами. И вот их и оформляем через CSS.

Для выполнения вашей задачи достаточно знать базовый синтаксис JS и арифметику.
Для упрощения синтаксиса используйте jQuery. Чтобы подключить его, пропишите перед подключением вашего файла скриптов например следующее:

<script src="http://code.jquery.com/jquery-latest.js"></script>

Ниже конкретно ваш пример с комментариями.
Что-то может быть не точно, я быстро написал, но принцип вам будет понятен.
codepen.io/varzin/pen/PqRWNY

Один из примеров отличной быстрой галереи fotorama.io

Как готовый вариант можно использовать pagePiling.js
alvarotrigo.com/pagePiling

var isMobile = {
    Android:        function() { return navigator.userAgent.match(/Android/i) ? true : false; },
    BlackBerry:     function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; },
    iOS:            function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; },
    Windows:        function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; },
    any:            function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());  }
};
	
if ( !isMobile.any() ) {
    // Код не для телефонов
}

Вопрос не очень понятен, но если вам нужно несколько фоновых картинок с разным позиционированием, то можно просто прописать несколько параметров через запятую.

Пример:

.wrapper {
    background-image:
        url(bg-left.jpg),
        url(bg-right.jpg),
        url(bg-cover.jpg);
    background-size:
        100px 50px,
        auto,
        cover;
    background-position:
        left top,
        right top,
        center;
    background-repeat:
        no-repeat;
}