Перейти к содержимому


Расположение Кнопки На Слайде


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 A2109

A2109

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 17 Сентябрь 2023 - 23:20

Здравствуйте. пожалуйста подскажите как изменить положение кнопки УЗНАТЬ ПОДРОБНЕЕ на слайдере

#2 stasia

stasia

    Активный участник

  • Модераторы
  • 591 сообщений

Отправлено 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 A2109

A2109

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 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 A2109

A2109

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 19 Сентябрь 2023 - 13:26

Здравствуйте. Пожалуйста еще помогите с кнопкой на слайде.
Я что то удалял добавлял. теперь при нажатии на кнопку УЗНАТЬ ПОДРОБНЕЕ ни чего не происходит. Подскажите пожалуйста как добавить ссылку в эту кнопку. Т.е. нужно, что бы при нажатии на эту кнопку открывалась новая страница

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 377 сообщений

Отправлено 20 Сентябрь 2023 - 01:33

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 A2109

A2109

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 71 сообщений

Отправлено 20 Сентябрь 2023 - 06:46

Просмотр сообщенияVaccina (20 Сентябрь 2023 - 01:33) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 анонимных