TablePressで作った表の奇数行に自動で色が入る事象について

  • bamboo0427

    (@bamboo0427)


    1年、 3ヶ月前

    TablePressを使って表を作りました
    奇数行に自動的に色が入ってしまいます

    そこで「TablePress」＞「プラグインのオプション」＞「カスタムCSS:」から下記のCSSを入力しました

    .tablepress tbody tr:nth-child(odd) {
    background-color: transparent;
    }

    しかし、このCSSが反映されません
    なぜでしょうか

    そもそも、もっと簡単な方法があるのでしょうか
    ※「TablePress」＞「テーブルのオプション」＞「行の色を交互にする:」
    で「連続する行の背景色を別々の色にする」のチェックを外してもダメです

    ご教授ください
    宜しくお願い致します

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • mokkosan

    (@mokkosan)

    1年、 3ヶ月前

    一番簡単な方法が、「連続する行の背景色を別々の色にする」のチェックを外す、です。

    検証してみましたが、そのチェックのオンオフだけで、実際のページの表示をリロードすれば表示が変わりましたよ。CSSは一切追加していないです。ただしキャッシュ系のプラグインを使っていたら、場合によってはキャッシュクリアしないと反映しないかもです。

    なお、編集画面では反映しないようです。実際の表示で確認してください。

    あと、チェックのオンオフのたびに、変更を保存ボタンを押さないと反映されませんが、それは大丈夫ですか？

    トピック投稿者 bamboo0427

    (@bamboo0427)

    1年、 3ヶ月前

    レスありがとうございます。

    結論から言うとテーマを変更するとこのような事象が起こりませんでした。
    Elementorでサイトを作っています。「Hello Elementor」テーマを使っていましたが、これを別のテーマに変えたところ色が付かなくなりました。

    話は前後しますが、はじめに書いた通り「連続する行の背景色を別々の色にする」のチェックを外してもダメでした。これがダメだったのでCSSを入力した次第です。

    キャッシュ系のプラグインは使っていませんし、実際の表示画面で確認しています。また、チェックのオンオフの度に変更を保存しております。

    TablePressのプレビューで確認すると色は入っていませんが、実際の表示画面では色が入ってしまいます。

    プラグインの問題なのかと思って他のプラグインを無効化しても効果はありませんでした。

    「Hello Elementor」を使ってサイトを作っていたので修正がめんどうです。出来れば「Hello Elementor」を使いたいのですが・・・

    • この返信は1年、 3ヶ月前にbamboo0427が編集しました。
    mokkosan

    (@mokkosan)

    1年、 3ヶ月前

    Elementorで作り込むと、他テーマに移すのがすごく面倒と言うのには激しく同意します。

    TablePressで設定した行の配色が反映されずカスタムで追加したCSSも効かなかったのは、おそらくElementorが上に被っていることで、CSSのセレクタ名が、素のTablePressが作るセレクタ名とは変わってしまっているからだと思います。正しいセレクタ名を突き止めてそれをカスタムCSSで指定すればいけると思いますよ。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「TablePressで作った表の奇数行に自動で色が入る事象について」には新たに返信することはできません。