DigiPress

Highly Flexible WordPress Theme

ESENAのボタンをフラットまたはリッチタイプにする方法

ホーム フォーラム デザイン関連 ESENAのボタンをフラットまたはリッチタイプにする方法

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

    お世話になっております。

    ESANAで専用のプラグインを使用しておりますが、

    下記ページのようにボタンがフラットタイプ、またはリッチタイプになりません。

    DigiPress専用ショートコードの利用

    ESANAでは、ボタンをフラットやリッチタイプにできないでしょうか。

    もしできないのであれば、サポートをお願いしたいと思いますので、

    その旨ご教授いただけると助かります。

    お手数かけますが、宜しくお願いいたします。

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

    ESCENAの場合は以下のフラットスタイルのデザインです。

    オリジナルカラーボタン用ショートコード

    #23175
    magokoro
    参加者

    ご回答ありがとうございます。

    https://digipress.info/manual/shortcode-list/10/#sc_label

    上記ページのボタン例は、GRAPHIE のボタンだと理解いたしました。

    下記タイプのボタンは、

    オリジナルカラーボタン用ショートコード

    el plano には合っていたのですが、

    個人的には、ESENAに合っていないような気がしています(素晴らしいデザインがもったいない!)。

    お金を支払ってもいいので、

    ESENAのボタンも、GRAPHIEと同じ上記のようなタイプに変更することは

    可能でしょうか。

    難しいようでしたら結構ですので、ご検討宜しくお願いいたします。

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

    .btnクラスに対して、”box-shadow:none!important;” とするなどして既定のボタンデザインを変更するCSSをオリジナルスタイルシート設定に追加してください。

    #23210
    magokoro
    参加者

    お世話になっております。

    せっかくアドバイスをいただいたにもかかわらず、

    オリジナルスタイルシートに、

    どのようなCSSを設定したらよいのか、まったくわかりませんので、

    後日、有償サポートに申込みたいと思います。

    お手数をおかけしますが、その際は宜しくお願いいたします。

    アドバイスありがとうございました。

    #23402
    magokoro
    参加者

    お世話になっております。

    先日はアドバイスありがとうございました。

    有償サポートを申込む前に自分でやってみようと、下記記述をオリジナルCSSに設定したところ、

    ボタンをフラットにすることができました。

    .btn {
    box-shadow:none!important;
    border-redius:5px;
    }

    ただ、ボタンの角の丸みが取れませんでした。

    もし宜しければ、ボタンの角の丸みをとる設定方法を教えていただけると助かりますので、

    お手数をおかけしますが、どうか宜しくお願いします。

    #23403
    magokoro
    参加者

    申し訳ございません。

    先ほどの投稿に誤りがありました。

    オリジナルCSSに設定した記述は下記の内容です。

    btn {
    box-shadow:none!important;
    border-redius:0px;
    }

    お手数をおかけしますが、宜しくお願いします。

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