Предотвратить новый код от перезаписи исходного по умолчанию из CSS - PullRequest
0 голосов
/ 17 декабря 2018

Мне нужно обновить одну из моих страниц, которая содержит портреты и биографии, до той, которая имеет эффект при наведении, с раскрывающимся полем, в котором отображается биография.Я нашел здесь код, который делает именно то, что мне нужно ( Как показать текст на изображении при наведении курсора? ), и я проверил его на другом сайте, чтобы убедиться, что он работает правильно.Проблема в том, что когда я помещаю его в шаблон страницы, все кодирование верхнего и нижнего колонтитула (цвет, шрифт, стили и т. Д.) Перезаписывается кодом, который я вставил. Я не кодер и знаю тольконемного о терминологии и о том, как все это работает (поэтому, пожалуйста, будьте конкретны с вашими ответами)Я думаю, мне нужно, чтобы новый код был в каком-то контейнере, который сохраняет неизменными стили страницы / сайта по умолчанию, но я не уверен, что для этого нужно сделать.Я также не уверен, что мой новый код наведения мыши находится в нужном месте.Исходный код в моем шаблоне такой:

<!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? 
                &amp;elementClass=`modSnippet` 
                &amp;element=`getResources` 
                &amp;parents=`14` 

                &amp;depth=`0` 

                &amp;pageVarKey=`page` 
                &amp;includeTVs=`1` 
                &amp;processTVs=`1` 
                &amp;includeContent=`1` 
                &amp;showHidden=`1` 
                &amp;sortby=`{"publishedon":"DESC"}` 
                &amp;tpl=`LeaderTpl`]]


        </div><!--end row-->





    </div><!--end container-->
 </section>



<!-- PAGE CONTENT END-->


<!-- Footer -->
[[$footer]]

<!-- JS Includes -->
[[$js-includes]]



</body>

</html>

Должен ли я вставить новый код вместо "! GetPage?"раздел (хотя мне интересно, удаляет ли это часть кода, который мне нужен для настроек / стилей страницы по умолчанию) или он должен идти под ним, чуть выше линии в конце, которая закрывает div и завершает контейнер?

Любая помощь или направление будет принята с благодарностью.(И, пожалуйста, будьте конкретны, поскольку я не совсем понимаю весь этот язык.) TIA

...