財団フレームワーク - 次のページ（<a href="http://indianashrm.wpengine.com/chapters/" rel="nofollow noreferrer">http://indianashrm.wpengine.com/chapters/</a>）での表

Question

（JointsWPと財団6.2.1を使用したカスタムWordPressのテーマ）

の問題は、私は、データの2つのテーブルを持っており、より小さなデバイスとクラスの上の積み重ねでもありません。アンストライプされていても動作しません。 .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

「積み上げ」テーブルのクラスは.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）が含まれていませんているように見えます（多分これです？バージョンCSSの4.7.2と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]; 
}