wordpressのcocoonで作ったHPのCSSデザイン（初歩的です）

Question

前提・実現したいこと

wordpress>>cocoon>>カラフルライン（スキン）でHPを製作しています。
・ヘッダーメニュー
・下のスライドショー
・テーブル？（グーグルカレンダーが乗っている白地の部分です）
この３つを角丸にしたいです。

それと同時に、白地部分にもヘッダー、フッターのように影を作りたいです。

発生している問題・エラーメッセージ

追加CSSでborder-radiusを追加しても反映されない。
SmartSlider（プラグイン）で作成したスライドショーを、ショートコードを使ってWordpressに載せたが、角丸にできない。

該当のソースコード

https://soror3.wp.xdomain.jp/

試したこと

ここに問題に対して試したことを記載してください。

テーマエディターからいじっても変わらない。追加CSSからいじっても変わらない。
→スキンが優先されてしまうのか？
classを把握ミスしているような気はします。

色々触ったものは元に戻しました。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

border-radiusを記載する箇所に
overflow: hidden;
こちらを追加してみてはどうでしょうか？

Comments

[Soror]

<div class="cat">
<?php
if(is_front_page()):
echo do_shortcode('[smartslider3 slider="3"]');
endif
?>
</div>

という形で、Cocoon Child: main-before.php (tmp-user/main-before.php)にclass付与をし
style.css内で

.cat{
overflow:hidden;
border-radius:10px;
}

と記述しましたが、何も反映されません…

[eiim]

検証ツールを使用して、実際にCSSが当たっているかを確認してから
当たっている→CSSの書き方の問題
当たっていない→CSSの読み込みの問題
なので、上記を試してみましょう

[Soror]

お世話様です。
お恥ずかしながら検証ツールを今まであまり使った事が無く…
遣わせていただいて解決しました。
こんなド初心者の質問にお付き合いいただき、ありがとうございました。