STORKのスライダーに記事を4つだけ表示したときのデザインを整える方法【ストーク】

こんにちは!くまぺです。

今回は、STORKのスライダーに記事を4つだけ表示したときのデザインを整えるカスタマイズです。

STORKのスライダー機能の設定については公式サイトをご覧ください。

トップページレイアウトの設定

 

ストークでスライダーを4つだけ指定すると、PC表示の時に右に寄って崩れてしまいます。

これを修正し、下の画像のように中央に持ってくるカスタマイズを行います。

 

style.cssにコードを追加

子テーマのstyle.cssに以下のコードを追加してください。

 

1行目は「(ストークにおける)PC表示だけ以下のスタイルを適用する」というコードです。

2行目でスライダーを指定し、

3行目でスライダーが右に寄ってしまうのを修正しています。

スライダーを指定するセレクタは念のため少し強めにしています。

left: 0 に !important がついているのは、もともとインラインで指定されているleftを打ち消すためです。

 

子テーマについては公式サイトをご覧ください。

専用「子テーマ」のダウンロード・解説 | OPENCAGE

 

もし不明点などありましたらコメント欄またはTwitterまでどうぞ!



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください