Я использую Boldgrid для Wordpress, и я использовал шорткод, чтобы свернуть текст на странице из плагина в Collapse-O-Matic.Он работает правильно, за исключением того, что 1) текст для расширенного заголовка не соответствует телу текста в шорткоде.Можно ли это изменить?
Это код:
[expand title="Read More"]</p>
<p class=""> </p>
<p class="" style="text-align: center; padding-left: 30px;">We can:</p>
<p class="" style="margin-top: 15px; margin-right: -29px;">Review your internal processes; Create, Review and promote efficient operations; review budgets; Review cash flow and analyze budget needs; Reconcile monthly financial statements; Set up and arrange/manage utility and building maintenance & more.</p>
[/expand]
И 2) У меня есть эта настройка, после которой следуют значок и заголовок.Значок переключается при нажатии на свернутый текст.Я могу войти и исправить визуальную подсказку, чтобы выровнять значок там, где он не переключается, но тогда мой текст не выровнен по значку и заголовку.
Это полный раздел кода, где значокстационарный, но текст не выровнен по значку и названию:
</div>
</div>
</div>
</div>
</div>
<div class="tmpl-services-1 boldgrid-section dynamic-gridblock" style="background-image: linear-gradient(to left, #ffffff, #ffffff);" data-bg-color-1="#FFFFFF" data-bg-color-2="#FFFFFF" data-bg-direction="to left">
<div class="container-fluid">
<div class="row" style="background-image: linear-gradient(to left, #ffffff, #ffffff);" data-bg-color-1="#FFFFFF" data-bg-color-2="#FFFFFF" data-bg-direction="to left">
<div class="col-md-4 col-sm-6 col-xs-12 align-column-stretch" style="background-image: linear-gradient(to left, #ffffff, #ffffff);" data-bg-color-1="#FFFFFF" data-bg-color-2="#FFFFFF" data-bg-direction="to left">
<div class="text-center bg-box-cover color-neutral-background-color color-neutral-text-contrast bg-background-color bg-box" style="padding: 65px 10%;">
<p class="" style="padding: 0em 0em 0em 180px; border-radius: 0px;"><i class="bg-background-color fa fa-dollar" style="padding: 0.5em; border-radius: 50px; color: #ffffff; font-size: 35px; background-color: #08367b;" aria-hidden="true">
<span style="display: none;"> </span></i></p>
<h3 class="" style="font-family: Baumans; font-weight: 400; padding-left: 180px;" data-font-family="Baumans" data-font-weight="400" data-font-style="">Save Money</h3>
<p class="" style="padding-left: 180px;">[expand title="Read More"]</p>
<ul class="" style="padding-bottom: 0.5em; padding-right: 2.1em; padding-left: 3.2em; margin-right: -33px; border-radius: 0px; width: 97%;">
<li style="font-family: 'Alegreya Sans SC'; font-weight: 400; text-align: center;" data-font-family="Alegreya Sans SC" data-font-weight="400">Review of internal processes</li>
<li style="font-family: 'Alegreya Sans SC'; font-weight: 400; text-align: center;" data-font-family="Alegreya Sans SC" data-font-weight="400">Create, review and promote efficient operations</li>
<li style="font-family: 'Alegreya Sans SC'; font-weight: 400; text-align: center;" data-font-family="Alegreya Sans SC" data-font-weight="400">Review of budgets</li>
<li style="font-family: 'Alegreya Sans SC'; font-weight: 400; text-align: center;" data-font-family="Alegreya Sans SC" data-font-weight="400">Competition analysis support</li>
<li style="font-family: 'Alegreya Sans SC'; font-weight: 400; text-align: center;" data-font-family="Alegreya Sans SC" data-font-weight="400">review cash flow and analyze budget needs</li>
<li style="font-family: 'Alegreya Sans SC'; font-weight: 400; text-align: center;" data-font-family="Alegreya Sans SC" data-font-weight="400">Reconcile monthly financial statements</li>
<li style="font-family: 'Alegreya Sans SC'; font-weight: 400; text-align: center;" data-font-family="Alegreya Sans SC" data-font-weight="400">Set up and arrange/manage utility and building maintenance </li>
</ul>
[/expand]