Hi,
if I add a list buttons to the accordion, then .list li:last-child .list-button:after {display: none!important;} blocks the hairline display.
Is it possible to display hairlines on list buttons in accordion?
Hi,
if I add a list buttons to the accordion, then .list li:last-child .list-button:after {display: none!important;} blocks the hairline display.
Is it possible to display hairlines on list buttons in accordion?
What is your HTML layout? I can’t see such problem in v5
Thank You for reply. F7 v5.0.5. Layout:
<div class="list accordion-list inset">
<ul>
<li class="accordion-item">
<a href="#" class="item-content item-link">
<div class="item-inner">
<div class="item-title">FAQ</div>
</div>
</a>
<div class="accordion-item-content">
<div class="list">
<ul>
<li>
<a href="/faq/1/" class="item-link list-button">Lorem ipsum</a>
</li>
<li>
<a href="/faq/2/" class="item-link list-button">Lorem ipsum</a>
</li>
<li>
<a href="/faq/3/" class="item-link list-button">Lorem ipsum</a>
</li>
<li>
<a href="/faq/4/" class="item-link list-button">Lorem ipsum</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
It displayed correctly if I remove .list li:last-child .list-button:after {display: none!important;} from F7 css.