Мне нужно обновить одну из моих страниц, которая содержит портреты и биографии, до той, которая имеет эффект при наведении, с раскрывающимся полем, в котором отображается биография.Я нашел здесь код, который делает именно то, что мне нужно ( Как показать текст на изображении при наведении курсора? ), и я проверил его на другом сайте, чтобы убедиться, что он работает правильно.Проблема в том, что когда я помещаю его в шаблон страницы, все кодирование верхнего и нижнего колонтитула (цвет, шрифт, стили и т. Д.) Перезаписывается кодом, который я вставил. Я не кодер и знаю тольконемного о терминологии и о том, как все это работает (поэтому, пожалуйста, будьте конкретны с вашими ответами)Я думаю, мне нужно, чтобы новый код был в каком-то контейнере, который сохраняет неизменными стили страницы / сайта по умолчанию, но я не уверен, что для этого нужно сделать.Я также не уверен, что мой новый код наведения мыши находится в нужном месте.Исходный код в моем шаблоне такой:
<!DOCTYPE html>
<html lang="en">
<!-- Head Tag -->
[[$head-tag]]
<style>
.top {
margin-bottom: -75px;
}
</style>
<body>
[[$gtm]]
<!-- Navigation -->
[[$navigation]]
<!-- PAGE CONTENT -->
<section class="top">
<div class="container">
[[$top-page-info]]
<div class="row body-copy">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
[[*content]]
</div>
</div>
</div><!--end row-->
</div><!--end container-->
</section>
<section class="leaders">
<div class="container">
<div class="row">
[[!getPage?
&elementClass=`modSnippet`
&element=`getResources`
&parents=`14`
&depth=`0`
&pageVarKey=`page`
&includeTVs=`1`
&processTVs=`1`
&includeContent=`1`
&showHidden=`1`
&sortby=`{"publishedon":"DESC"}`
&tpl=`LeaderTpl`]]
</div><!--end row-->
</div><!--end container-->
</section>
<!-- PAGE CONTENT END-->
<!-- Footer -->
[[$footer]]
<!-- JS Includes -->
[[$js-includes]]
</body>
</html>
Должен ли я вставить новый код вместо "! GetPage?"раздел (хотя мне интересно, удаляет ли это часть кода, который мне нужен для настроек / стилей страницы по умолчанию) или он должен идти под ним, чуть выше линии в конце, которая закрывает div и завершает контейнер?
Любая помощь или направление будет принята с благодарностью.(И, пожалуйста, будьте конкретны, поскольку я не совсем понимаю весь этот язык.) TIA