Foundation Framework - Проблемы с таблицами

Question

(Пользовательские WordPress темы с помощью JointsWP и Фонд 6.2.1)

На следующей странице (http://indianashrm.wpengine.com/chapters/), у меня есть две таблицы данных и ни складывает на меньшие устройства и класс. не работает. Класс .hover работает.

Вот мой код для первой таблицы (я использую пользовательский тип сообщения для данных). Любые идеи, почему таблица не складывается, а полосы не удаляются?

<?php 
$args = array (
'post_type'  => 'shrm_local_chapter', 
'posts_per_page' => -1, 
'post_status'  => 'publish', 
'order'   => 'ASC', 
'orderby'   => 'chapter_location' 
); 
$loop = new WP_Query($args); 
?> 
<h2>Local Chapters</h2> 
<p>Scroll down to obtain contact information for your nearest local Indiana SHRM Chapter. Information on how to join that chapter can be found on their local web page.</p> 
<table class="stacked unstriped hover"> 
    <thead> 
    <tr> 
     <th width="50%">Name</th> 
     <th width="50%">Location</th> 
    </tr> 
    </thead> 
    <tbody> 

<?php if ($loop->have_posts()) : while ($loop->have_posts()) : $loop->the_post(); 

$shrm_location = get_field("chapter_location"); 
$shrm_url = get_field("chapter_url"); 
$shrm_name = get_the_title(); 

echo '<tr>'; 
echo '<td><a href="'.$shrm_url.'">'.$shrm_name.'</a></td>'; 
echo '<td>'.$shrm_location.'</td>'; 
echo '</tr>'; 
endwhile; endif; wp_reset_postdata(); ?> 
</tbody> 
</table> 

Answer 1

Класс для "Stacked" таблицы .stack, а не .stacked (http://foundation.zurb.com/sites/docs/table.html)

Похоже, вы CSS файл не содержит "unstriped" класс (http://indianashrm.wpengine.com/wp-content/themes/indianashrm/vendor/foundation-sites/dist/foundation.min.css?ver=4.7.2) (может быть, это это версия 4.7.2 CSS, а не 6.2.1?), поэтому вам придется создать свою собственную версию или обновить файл CSS:

table.unstriped tbody { 
    background-color: #[your std background colour here]; 
} 
table.unstriped tbody tr { 
    border-bottom: 0; 
    border-bottom: 1px solid #f1f1f1; // your border colour, this is the stock colour 
    background-color: #[your std background colour here]; 
}