DigiPress

Highly Flexible WordPress Theme

ショートコード ボタン サイズが反映されない

ホーム フォーラム デザイン関連 ショートコード ボタン サイズが反映されない

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

    GRAPHIE Ver.1.2.5.3

    <以下のショートコードを記述するとボタンサイズのみ反映されない>
    [button color=”#4797E0″ title=”大きいサイズのボタン” icon=”icon-thumbs-up” size=”big” url=”#”]
    <デベロッパーツールで確認>
    大きいサイズのボタン

    「ft20px」が付け加えられている。

    <以下を記述>
    [button color=”#4797E0″ class=”ft40px” title=”40px” icon=”icon-thumbs-up” size=”big” url=”#”]
    <デベロッパーツールで確認>
    40px

    「ft20px」が付け加えられている。

    よろしくお願いいたします。

    #92646
    yama104
    参加者

    コードの貼り付けを失敗しました。

    <a href="#" class="btn icon-thumbs-up ft20px" style="background-color:#4797E0;">大きいサイズのボタン</a>

    <a href="#" class="btn ft40px icon-thumbs-up ft20px" style="background-color:#4797E0;">40px</a>

    #92938
    DigiPress サポート
    キーマスター

    classパラメータでフォントサイズ(ft40px)を指定されるのであれば、size="big" は不要です。

    #92952
    yama104
    参加者

    size="big"を消しても状況が変わりません。CSSでfont-size: 14px;となっています。
    お手数をおかけしますが、再度ご教示お願いいたします。

    コード
    [button color="#4797E0" class="ft80px" title="80px" icon="icon-thumbs-up" url="#"]

    ソース
    <a href="#" class="btn ft80px icon-thumbs-up " style="background-color:#4797E0;">80px</a>

    CSS

    .btn-bootstrap.min.css:5:45190
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    #92959
    DigiPress サポート
    キーマスター

    .btn-bootstrap.min.css

    DigiPressの装飾CSSではなく、Bootstrapを利用している場合は、ボタンやラベル等、DigiPressの装飾スタイルは一切反映されません。

    Bootstrapを利用する場合は、DigiPressの装飾は無効ですのでBootstrapの書式に従ってください。

    #92975
    yama104
    参加者

    詳細設定にて「オリジナル装飾スタイルを使用する」にしております。
    一旦「Bootstrapを使用する」にして再度「オリジナル装飾スタイルを使用する」にしても状態は変わりません。

    #92976
    DigiPress サポート
    キーマスター

    提示(反映)されているCSSがそもそもDigiPressのものではありません。

    「.btn-bootstrap.min.css」というCSSはどこから読み込んでいるのでしょうか。
    プラグイン等でBootstrapをロードしている場合は無効にしてください。

    #92988
    yama104
    参加者

    プラグインによるものでした。大変お手数をおかけして申し訳ございませんでした。

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