Здравствуйте. пожалуйста подскажите как изменить положение кнопки УЗНАТЬ ПОДРОБНЕЕ на слайдере
0
Расположение Кнопки На Слайде
Автор A2109, 17 сент. 2023 23:20
Сообщений в теме: 5
#1
Отправлено 17 Сентябрь 2023 - 23:20
#2
Отправлено 18 Сентябрь 2023 - 09:32
A2109 (17 Сентябрь 2023 - 23:20) писал:
Здравствуйте. пожалуйста подскажите как изменить положение кнопки УЗНАТЬ ПОДРОБНЕЕ на слайдере
Здравствуйте.
Зайдите в раздел Сайт --- Редактор шаблонов --- indexPage.css и найдите код:
#slideshow .container .slider-content {position: absolute;top: 0;left: 0;right: 0;padding: 5.4%}
И в данном коде замените 0 на Ваше значение в процентах %.
Пример:
#slideshow .container .slider-content {position: absolute;top: 35%;left: 0;right: 10%;padding: 5.4%}
#3
Отправлено 18 Сентябрь 2023 - 13:18
stasia (18 Сентябрь 2023 - 09:32) писал:
Здравствуйте.
Зайдите в раздел Сайт --- Редактор шаблонов --- indexPage.css и найдите код:
#slideshow .container .slider-content {position: absolute;top: 0;left: 0;right: 0;padding: 5.4%}
И в данном коде замените 0 на Ваше значение в процентах %.
Пример:
#slideshow .container .slider-content {position: absolute;top: 35%;left: 0;right: 10%;padding: 5.4%}
Спасибо
#4
Отправлено 19 Сентябрь 2023 - 13:26
Здравствуйте. Пожалуйста еще помогите с кнопкой на слайде.
Я что то удалял добавлял. теперь при нажатии на кнопку УЗНАТЬ ПОДРОБНЕЕ ни чего не происходит. Подскажите пожалуйста как добавить ссылку в эту кнопку. Т.е. нужно, что бы при нажатии на эту кнопку открывалась новая страница
Я что то удалял добавлял. теперь при нажатии на кнопку УЗНАТЬ ПОДРОБНЕЕ ни чего не происходит. Подскажите пожалуйста как добавить ссылку в эту кнопку. Т.е. нужно, что бы при нажатии на эту кнопку открывалась новая страница
#5
Отправлено 20 Сентябрь 2023 - 01:33
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
у строк:
вместо символа # укажите необходимую ссылку на страницу.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Слайд 1 --> <div class="slider-item"> <div class="slider-image _1 sl-lozad" data-desktop-src="{ASSETS_IMAGES_PATH}slide-1.jpg" data-mobile-src="{ASSETS_IMAGES_PATH}slide-1-mobile.jpg" ></div> <div class="slider-content"> <h3 class="slider-title"> </h3> <p class="slider-text"> </p> <a href="#" class="button">Узнать подробнее</a> </div> </div> <!-- /Слайд 1 --> <!-- Слайд 2 --> <div class="slider-item"> <div class="slider-image _2 sl-lozad" data-desktop-src="{ASSETS_IMAGES_PATH}slide-2.jpg" data-mobile-src="{ASSETS_IMAGES_PATH}slide-2-mobile.jpg" ></div> <div class="slider-content"> <h3 class="slider-title"> </h3> <p class="slider-text"> <br> <br> </p> <a href="#" class="button">Узнать подробнее</a> </div> </div> <!-- /Слайд 2 --> <!-- Слайд 3 --> <div class="slider-item"> <div class="slider-image _2 sl-lozad" data-desktop-src="{ASSETS_IMAGES_PATH}slide-3.jpg" data-mobile-src="{ASSETS_IMAGES_PATH}slide-3-mobile.jpg" ></div> <div class="slider-content"> <h3 class="slider-title"> <br> </h3> <p class="slider-text"> <br> <br> </p> <a href="#" class="button">Узнать подробнее</a> </div> </div> <!-- /Слайд 3 -->
у строк:
<a href="#" class="button">Узнать подробнее</a>
вместо символа # укажите необходимую ссылку на страницу.
#6
Отправлено 20 Сентябрь 2023 - 06:46
Vaccina (20 Сентябрь 2023 - 01:33) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
у строк:
вместо символа # укажите необходимую ссылку на страницу.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Слайд 1 --> <div class="slider-item"> <div class="slider-image _1 sl-lozad" data-desktop-src="{ASSETS_IMAGES_PATH}slide-1.jpg" data-mobile-src="{ASSETS_IMAGES_PATH}slide-1-mobile.jpg" ></div> <div class="slider-content"> <h3 class="slider-title"> </h3> <p class="slider-text"> </p> <a href="#" class="button">Узнать подробнее</a> </div> </div> <!-- /Слайд 1 --> <!-- Слайд 2 --> <div class="slider-item"> <div class="slider-image _2 sl-lozad" data-desktop-src="{ASSETS_IMAGES_PATH}slide-2.jpg" data-mobile-src="{ASSETS_IMAGES_PATH}slide-2-mobile.jpg" ></div> <div class="slider-content"> <h3 class="slider-title"> </h3> <p class="slider-text"> <br> <br> </p> <a href="#" class="button">Узнать подробнее</a> </div> </div> <!-- /Слайд 2 --> <!-- Слайд 3 --> <div class="slider-item"> <div class="slider-image _2 sl-lozad" data-desktop-src="{ASSETS_IMAGES_PATH}slide-3.jpg" data-mobile-src="{ASSETS_IMAGES_PATH}slide-3-mobile.jpg" ></div> <div class="slider-content"> <h3 class="slider-title"> <br> </h3> <p class="slider-text"> <br> <br> </p> <a href="#" class="button">Узнать подробнее</a> </div> </div> <!-- /Слайд 3 -->
у строк:
<a href="#" class="button">Узнать подробнее</a>
вместо символа # укажите необходимую ссылку на страницу.
Спасибо большое. Получилось
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных