うなこ

フォーラムへの返信

15件の投稿を表示中 - 946 - 960件目 (全1,038件中)
  • 投稿者
    投稿
  • 返信先: Lightningアーカイブ設定での画像サイズ #35759

    うなこ
    モデレーター

    VK Blocks Proの投稿リストブロックをご利用の場合は以下のCSSを追加すれば
    画像の全てが枠内で表示できるようになります。
    ただし、全ページの投稿リストブロックとカードブロックに影響が出ますので、
    他のページに影響が出ないようにしたい場合は該当の固定ページの下の方に出ている
    VK All in one Expansion UnitのカスタムCSS 内にcssを記述して更新していただければ
    その固定ページだけで適応できると思います。いかがでしょうか?

    .card-post:not(.card-horizontal) .vk_post_imgOuter {
        background-size: contain;
        background-repeat: no-repeat;
    }

    もしくは、追加CSSなどに記載する場合は
    bodyタグについている投稿IDで区別することもできます。

    もし違うブロックをご使用の場合はまた教えてください

    • この返信は4年、 7ヶ月前にうなこが編集しました。
    • この返信は4年、 7ヶ月前にうなこが編集しました。
    Attachments:
    You must be logged in to view attached files.
    返信先: Lightningアーカイブ設定での画像サイズ #35752

    うなこ
    モデレーター

    失礼しました、カスタム投稿タイプもカード表示できることが確認できました。
    Lightning Pro バージョン4.3.3

    追記ですが、
    特定の投稿タイプのみで表示タイプは「カード」で、カード内の画像を枠内に収まるようにする場合は
    以下のCSSで表示できると思います。

    .vk_posts-postType-○○ .card-post:not(.card-horizontal) .vk_post_imgOuter {
        background-size: contain;
        background-repeat: no-repeat;
    }

    ※vk_posts-postType-○○ の「○○」の部分には投稿タイプID名が入ります。
    ※:not(.card-horizontal) はカード水平にした場合には適応されないように追記しています。

    返信先: Lightningアーカイブ設定での画像サイズ #35743

    うなこ
    モデレーター

    cssでカード内の画像を全部表示することは可能なのですが…

    現在不具合で「Lightningアーカイブ設定」でカスタム投稿タイプはカード表示にできないかもしれません。
    (通常の投稿は表示できる)

    念のためCSSを添付いたします。

    追加CSSなどに以下を追加するとカード内の画像は枠内に収まるようになります。
    特定のページのみで対応する場合は、固定ページの該当のページのカスタムCSSに追加してみてください。
    もしうまくいかない場合はご返信ください。

    .card-post:not(.card-horizontal) .vk_post_imgOuter {
        background-size: contain;
        background-repeat: no-repeat;
    }
    • この返信は4年、 7ヶ月前にうなこが編集しました。
    • この返信は4年、 7ヶ月前にうなこが編集しました。
    返信先: LTG Media postsのタイトル位置調整 #35604

    うなこ
    モデレーター

    セクションベース内の「最新の投稿」タイトルの上の余白のことでしょうか?
    (質問の意図と違っていましたらまた教えてください。)

    追加CSSに以下を追加してください。 「1rem」の数字はお好きな数字に変更してみて下さい。
    レスポンシブですので、好みによりメディアクエリを追加して調整してみて下さい。

    .mainSection-base-on {
        padding-top: 1rem;
    }

    うなこ
    モデレーター

    見比べてみたところ以下のCSSが原因の用でした。

    もしお急ぎでしたら以下のCSSを追加cssなどに追加してください。
    いかがでしょうか。

    .gMenu>li:hover,
    .gMenu>li[class*=current]{
    width:auto;
    }

    うなこ
    モデレーター

    現時点では画像しか入れられないと思いますので、、、

    他の案としましては、ウィジェットではなく固定ページからブロックで対応するのが早いかもしれません。

    カラムブロックで2カラムを選択して埋め込みブロックで埋め込みの動画のURLを入れると、レイアウトもPRコンテンツ風にはなります。

    ※添付画像はYOUTUBEの埋め込み画像ですが、埋め込みブロックでメディアにアップロードした動画のURLを入れると表示できると思います。

    • この返信は4年、 8ヶ月前にうなこが編集しました。
    Attachments:
    You must be logged in to view attached files.

    うなこ
    モデレーター

    リンクの設定ミスのようです。
    メニューのカスタムリンク部分に
    #service の部分 /#service と入れていませんか?


    うなこ
    モデレーター

    カスタマイズの「Lightning モバイル固定ナビ」に電話番号を設置すれば、
    どこのページでも下に固定で出ますので、よければご利用ください。

    例えばリンクURLに
    tel:000-000-0000
    といった感じに設定してみて下さい。
    いかがでしょうか。


    うなこ
    モデレーター

    こんばんは、LightningProは最新ですか?
    Lightning Proバージョン: 4.1.0が現在の最新となります。
    最新ではない場合、更新してください。

    • この返信は4年、 8ヶ月前にうなこが編集しました。
    返信先: Outer ブロック 背景画像のサイズ調整 #35432

    うなこ
    モデレーター

    以下の理由により固定にすると画像が拡大する仕様となっております。

    Outer(vk blocks)とスマホ表示について

    画像のサイズによっては、スクロール中に見切れてしまう可能性がありますが
    以下のcssを追加cssなどに追加してみるといかがでしょうか?

    @media screen and (max-width: 480px){
    .vk_outer-width-full {
        background-size: cover !important;
    }
    }
    返信先: 複数カテゴリー表示 #35393

    うなこ
    モデレーター

    追加CSS に以下のCSSを追加でいけますでしょうか?

    @media (max-width: 767.98px){
    .entry-meta .entry-meta_items_term {
        display: inline-block;
    }
    }
    返信先: カテゴリーの文字サイズ #35386

    うなこ
    モデレーター

    カテゴリーのボタンがなぜか大きくなっていますね。
    ソースを見たら.entry-meta_items_term_buttonのクラス名が付いていないようでした。
    (本来はカテゴリーのaタグについているクラス名)

    ちょっと原因が定かではないのですが、、
    Autoptimize というプラグインは入れていますか?

    もしお急ぎでしたら以下のcssを追加cssなどに追記していただければ直ると思います。

    .entry-meta_items_term .btn-xs {
        font-size: .8rem;
        line-height: 1;
        padding: 4px 1em;
    }
    • この返信は4年、 8ヶ月前にうなこが編集しました。
    • この返信は4年、 8ヶ月前にうなこが編集しました。
    • この返信は4年、 8ヶ月前にうなこが編集しました。

    うなこ
    モデレーター

    もしPaleのデモサイトのようなお問い合わせ項目を出したい場合は以下の「ヘッダー上部機能拡張( Pale )」をご参照ください。

    ▼Paleデモサイト
    Paleデモサイト

    ▼ヘッダー上部機能拡張( Pale )
    ヘッダー上部機能拡張( Pale )

    • この返信は4年、 8ヶ月前にうなこが編集しました。

    うなこ
    モデレーター

    こんにちは
    ウィジェットでヘッダー右横にお問い合わせボタンを配置した場合は(添付画像のようなボタン)
    「ExUnit」 「メイン設定」ページで『お問い合わせ情報』を設定する必要があります。

    「お問い合わせボタンウィジェットに表示するテキスト」で文字を変更
    「お問い合わせ先URL」でURLを設定
    で設定してみて下さい。

    Attachments:
    You must be logged in to view attached files.

    うなこ
    モデレーター

    レスポンシブになりますのでブレイクポイントがいくつかありますが、
    横幅が1200px以上のPCサイズで横幅変更したい、という認識で記述いたします。

    以下のcssを追加cssなどに追加して調整してみて下さい。
    ※○○px の部分の○○には変更したいサイズにしてください。

    @media (min-width: 1200px){
    .siteContent .container {
        max-width: ○○px;
    }
    }

    ↑ 幅が1200px以上の場合に要素の最大幅を○○pxにするという意味です
    .siteContent が付いていますので、.siteContent内の.containerのみに適応されます。(headerとfooterには影響しない)

    • この返信は4年、 8ヶ月前にうなこが編集しました。
    • この返信は4年、 8ヶ月前にうなこが編集しました。
15件の投稿を表示中 - 946 - 960件目 (全1,038件中)