サポート » 使い方全般 » 記事サムネイルをマウスオーバーした時の表示について

  • 解決済 ochocco

    (@ochocco)


    記事がグリッド表示されるテーマを使用しておりますが、
    (https://www.themehorse.com/themes/wp-portfolio-pro/)
    グリッド(サムネイル)をマウスオーバーした時に表示される記事タイトルの位置や
    フォントの大きさ、背景の画像を編集できる方法はないでしょうか?

    背景の色はテーマの機能で変更できるようですが、それ以外は変えられないようです。
    プラグインかCSSを追加する事で変更できるでしょうか?

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • CG

    (@du-bist-der-lenz)

    ブログページでの、「entry-title」でしょうか。スタイルシートでは、「padding-bottom: 5px;font-size: 30px;line-height: 37px;font-weight: 500;text-transform: none;font-size: 16px;line-height: 23px;」が当てられている箇所ではありませんか。

    ありがとうございます!
    スタイルシートにて当該部分見つけたのですが、例えばマウスオーバーした時に
    表示される記事のタイトル名を、画像の上下左右中央に表示させるには
    スタイルシートのどこに何を入れたらよいのかがわからないのですが、
    何か方法ありますでしょうか?

    CG

    (@du-bist-der-lenz)

    マウスオーバーした時の記事タイトルを中央寄せにしました。表示領域はpaddingで調整できませんか。
    https://wp.me/Pbv9na-9

    子テーマを使用しているからか、CSSエディターしか触る事が出来ず、
    初心者なものでどのようにすれば調整できるのかもわからない状態でして…
    サンプルまでご用意くださってありがとうございます。

    CG

    (@du-bist-der-lenz)

    スタイルシートで可能なことを、子テーマを必要としてるということですか。

    「外観」→「カスタマイズ」→「追加CSS」
    もしくは
    「外観」→「テーマの編集(子テーマを選択)」でのスタイルシート
    で何かを追加する方法がもしあれば知りたいです。

    CG

    (@du-bist-der-lenz)

    フロントエンド「カスタマイズ」で、「WP Portfolio Theme Options」の「Custom CSS」にテーマの初期値を上書きするスタイルを記述しました。子テーマに「WP Portfolio Theme Options」が表示されないという事なれば、テーマの仕組みか、子テーマの作成に課題があるのでしょう。PROバージョンでの、子テーマの作り方は確認しません。

    「WP Portfolio Theme Options」は表示されていまして、そこからCustom CSSにて
    上記の記述を入れてみましたがダメでした。
    もう一度子テーマの作り方も見直してみたいと思います。
    ありがとうございました!

    CG

    (@du-bist-der-lenz)

    親テーマで確認して、子テーマに引き継げるか、となりますね。

    今、もう一度子テーマのままCustom CSSにて再び入力してみましたら
    左右での中央に配置することはできましたが、上下の中央にすることは
    出来ませんでした。
    何かCSSをもう一息追加したら出来そうなのですが…

    出来ました!
    本当にありがとうございました!

    CG

    (@du-bist-der-lenz)

    疑問を確認しただけですから、礼は無用です。PCではそれでいいでしょう。そもそも、テーマ作者が「padding-bottom: 5px;」となっていたのは、モバイルで観た時に、文章が収まるようにでしょう。これからが、解決に向けての知恵を絞るところでしょう。わたしが、この「WP Portfolio」テーマを使って作ることになれば、ブログ一覧ページはグリッド・ブロックに交換します。

12件の返信を表示中 - 1 - 12件目 (全12件中)
  • トピック「記事サムネイルをマウスオーバーした時の表示について」には新たに返信することはできません。