「CSS」というタグがついている記事

Lightning Pro
Lightning Pro スマホのフッターナビのカスタマイズ例(横並び・中央寄せ)

スマホで表示するフッターナビのナビ項目を横並びにして、中央寄せのレイアウトにしました。画面幅が足りなくて折り返すことも想定しています。

Lightning Pro
Lightning Pro でヘッダーを透過にするときの CSS の例

キャンペーンテキストを表示している場合・表示していない場合の例を紹介しています。

ExUnit
ページトップへ戻るボタンに「PAGE TOP」の文字を表示するやり方

Lightning Pro / Lightning G3 / X-T9 / Katawara で使える、子テーマの CSS などにコピペするだけのお手軽カスタマイズを紹介します。

Lightning Pro
モバイル固定ナビをパソコンでも使ったカスタマイズ例

Lightning モバイル固定ナビ をパソコンでも使えるようにカスタマイズして、ベクトルさんのサイト横断メニューのような画面下部のメニューを実装しています。

Lightning Pro
6 Web Fonts with CSS で投稿日・投稿者のアイコンが表示されない問題

調べてみたところ、body タグに付与されるクラス名がセレクタに使われていることが原因でした。

ExUnit
ExUnit のシェアボタン(ソーシャルボタン)のカスタマイズ例いろいろ

VK All in One Expansion Unit のシェアボタン(ソーシャルボタン)をカスタマイズした例をいくつか載せています。

ExUnit
ページトップへ戻るボタンのデザインをカスタマイズ

Lightning Pro / Lightning G3 / X-T9 / Katawara で使える、子テーマの CSS などにコピペするだけのお手軽カスタマイズを紹介します。

その他
画像を拡大表示するプラグイン Simple Lightbox を CSS で調整してみました

画像を Lightbox 効果で拡大表示するだけの用途なら Simple Lightbox は必要十分だと思います。

VK Blocks Pro
一定の速度でスライダーを滑らかに動かす方法 – VK Blocks

transition-timing-function:linear; を指定すればできます。

その他
50%幅の画像で回り込み

画像を50%幅で表示してテキストを回り込ませるのは、CSS を書かなくてもBootstrap のクラスを使って、以下の手順でかんたんにできますね。 1. 画像を左寄せ(または右寄せ)する。2. 画像ブロックの 追加 CS […]

Lightning Pro
Lightning Pro (第2世代) でフッターナビを右寄せ・中央揃えするには

CSS で右寄せできます。Lightning G3 Pro Unit は CSS を書かなくてもカスタマイズ画面でフッターナビの位置を指定できるようになっています。

VK Blocks Pro
VK Blocks Pro のスライダーでカルーセル表示をしてみた

画像が大きく表示されることの対策 最初にスライダーアイテム(画像)が一瞬だけ大きく表示されることを防ぐために、以下の CSS を追加してある。