[ 解決済 ] VK 3PRの文字位置と表示について

VWSとは フォーラム Lightning [ 解決済 ] VK 3PRの文字位置と表示について

[ 解決済 ] VK 3PRの文字位置と表示について

タグ: 

  • このトピックには5件の返信、2人の参加者があり、最後にmasako.sにより4年、 11ヶ月前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #24442

    いつもお世話になりありがとうございます。
    VK 3PRのCSSの書き方が良く分かりません。
    色々と試したのですが上手くいきません。
    希望は下記の通りです。
    ご教示のほどよろしくお願い致します。

    1、VK 3PRの説明文を左寄せにしたい
    2、VK 3PRをスマホの時だけ2列表示にしたい

    何卒宜しくお願い致します

    #24499

    DRILL LANCER
    モデレーター

    1、VK 3PRの説明文を左寄せにしたい

    「VK 3PR ウィジェット」の話なら既に左寄せになっていますが・・・
    似たようなものとして「VK PR Blocks」等があるので、正式名称で言ったほうが良いかもしれません。

    2、VK 3PRをスマホの時だけ2列表示にしたい

    1行目に2つ、2行目に1つでその右に空白ができるという感じになるので不格好になると思います。
    先頭か最後尾の幅を100%にすれば多少は解消されそうですが・・・

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

    RICK様

    回答ありがとうございます。
    VK 3PRエリアです。
    タイトルは中央揃えでOKなんですが、説明文も中央揃えになっているんです・・・
    何故かしら・・・・

    VK 3PRエリアに対するCSSの記述が知りたいのですが、ご存知ないでしょうか?

    >1行目に2つ、2行目に1つでその右に空白ができるという感じになるので不格好になると思います。
    そうなりますか・・・
    今までHTMLとCSSでサイトを作っていたもので、テンプレートの使い方をまだ把握できていなくて・・・

    私のイメージだと、
    1行目に2つ
    2行目に1つ+次のVK 3PRエリアの1つ目=合計2つ
    3行目の2つ
    と、なれば良いなと思っていました。
    残念・・・

    #24534

    Charmを使っています。
    スクショの丸印を入れた箇所を左寄せにしたいのですが、どなたかこの箇所のCSSの書き方をご教示頂けませんか?
    もしくは、この部分のCSSの見つけ方をご教示ください。
    宜しくお願い致します

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

    DRILL LANCER
    モデレーター

    頂いた画像はボタンも囲まれていますが・・・
    とりあえず、説明文だけなら下記で左寄せにできます。

    .veu_3prArea .summary {
        text-align: left;
    }

    今までHTMLとCSSでサイトを作っていたもので、テンプレートの使い方をまだ把握できていなくて・・・

    私のイメージだと、
    1行目に2つ
    2行目に1つ+次のVK 3PRエリアの1つ目=合計2つ
    3行目の2つ
    と、なれば良いなと思っていました。
    残念・・・

    HTMLとCSSでサイトが組め、Bootstrap のグリッドシステムか flexbox を扱えるのならカスタム HTML ブロックやカスタム HTML ウィジェットでエセ3PRを自分で組むのもありだと思います。

    HTML 構造と CSS は開発者ツールを使えばカンニングでき、自分で HTML & CSS を組んだほうが幅広く対応できるからです。

    ちなみに、Lightning ( Pro も含む ) は 100%GPL なので、改変やカスタマイズを自由に行うことができます。

    現在 Lightning Skin Charm は Bopotstrap 3.4.1 をベースとしていますが、そろそろ Bopotstrap 4.3.1 をベースとしたものがでると思います。
    (3.4.1 と 4.3.1 ではブレイクポイントの扱いが異なるので注意が必要 & 来年には Bootstrap 5 に対応したものが出るかも?)

    #24555

    RICK様

    ありがとうございます。
    とても親切な回答に涙が出ます。

    テンプレートのセレクタが分からなくて。
    なるほど、カスタマイズも出来るんでね。
    幅が広がりますね。

    勉強します!
    ありがとうございました。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。