Нужен спец по CSS настроить Google AMP и Яндекс Турбо страницы

Сергей16 років у сервісі
Дані замовника будуть вам доступні після подання заявки
18.10.2020

Сайт на Wordpress - https://endocrin-patient.com/ - я уже нужные плагины поставил и активировал, от вас требуется поправить custom CSS код, чтобы он работал на Google AMP и Яндекс Турбо страницах.

1. Посмотрите картинку  pic1.jpg, которая прилагается к заданию. Это блок с ползунком и вкладками. Он есть на многих страницах на сайте, см. например https://endocrin-patient.com/dieta-pri-saharnom-diabete/ внизу под оглавлением.

Он сделан на CSS без JavaScript. 

Нужно, чтобы он продолжал работать на страницах Яндекс Турбо и Google AMP.  Это главная задача.

2. Постарайтесь, чтобы другие кусочки custom CSS кода тоже работали.

2.1. В таблицах html в строках чередуется фон белый и светлый, см. пример на той же странице про диету.

2.2. Бывает такой

2.3. В списках отступы слева поправить.

2.4. Междустрочные интервалы и размер шрифта.

2.4. Если можно, добиться работы кусочков ramkaLeft550 и .tabliza-header

.ramkaLeft550 {

    width: 80%;

    max-width: 550px;

    margin-top: 2em;

    margin-bottom: 2em;

    margin-left: 8px;

    margin-right: auto;

    padding: 1em;

    box-shadow: 0 5px 10px hsla(0,100%,50%,.5), -5px 5px 10px hsla(60,100%,50%,.7), 5px -5px 10px hsla(120,100%,50%,.5), 5px 0 10px hsla(240,100%,50%,.5);

}

.tabliza-header {

    background: url(https://endocrin-patient.com/wp-content/uploads/2017/07/info-icon.png) no-repeat 0px 50%;

    line-height: 2em;

    padding-left: 30px;

    margin: 0.5em;

}

2.5 Сделайте, что еще понадобится, чтобы страницы Google AMP и Яндекс Турбо выглядели неплохо.

Заявки фрілансерів