SiteOrigin Post Carousel のボタンが機能しないぞ

どうも、スマコマのコマ太郎です。

このサイトのトップページで活用している「Page Builder by SiteOrigin」にはカルーセル ウィジェット（SiteOrigin Post Carousel）があります。

post carousel のスライドボタン

カテゴリー単位でカルーセルを配置できるので重宝しているのですが、このサイトのテーマ（テンプレート）と競合してカルーセルの右にあるスライドボタンが機能しませんでした。

プラグインとの競合であれば、競合しているプラグインを別のものに変更することで対応できたのですが、テーマとなるとそうもいきません。

最終的にボタンの機能を消すことで対処しましたので、この記事ではその方法をご紹介します。

ボタンがなくてもスマホやタブレットなら指でスライドできるので問題ありません。パソコンは・・・我慢しました。はい。

なお競合の切り分けは、こちらの記事を参考にしてください。

SiteOrigin Post Carousel のボタンを消すCSSコード

カルーセルのスライドボタンは、CSS でコントロールできました。

そのCSSコードは以下のとおりです。コピペして使ってください。

CSSコード

CSSコードは、[外観]-[カスタマイズ]-[追加CSS] の一番下にでも貼り付けてください。

操作は以上です。これでカルーセルのスライドボタンが非表示になります。

まとめ

上記の CSS を追加することでスライドボタンを非表示にし、とりあえず対応しました。

将来的にはボタンの問題を解決したいですね。