ギャラリーの横並びでキャプションを表示させたい

ギャラリーでキャプションが表示されるのはスライダーの時だけ

横並びの時に、キャプションを表示させる設定方法があるのかもしれませんが、ちょっとわからなかったのでCSSを書いてみました。
お客様からのご要望でしたのでそんな要望があるのかもしれないと思い公開してみます。

注意!
この方法は、管理画面では確認が出来ません。
設定が終わりましたら、必ずプレビューで確認してください。

※理由は、管理画面の時はアンカータグが外れているために動作しないのです。

スタイルシート

<style type="text/css">

    .cc-m-gallery-cool-item a{

        text-decoration:none;   

    }

    

    .cc-m-gallery-cool-item a[data-title]:after{

        content:attr(data-title);

        display:block;

        color:#000;

        padding:0 0 10px;

        font-size:12px;

        text-align:center;

        border:none;

    }

    </style>

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

ギャラリーの横並びのキャプションの設定方法

画像をアップロードした後で、横並びを選択して、一覧表示から、キャプションを挿入して保存ボタンを押します。

管理画面では、以下のように確認できません。

実行結果は、必ず、プレビュー画面で確認してください!


この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422