torque Alert
アラートを出すためのもの。アイコンの有無、アイコンは左の上・真ん中・下から選べる。何故かmarginが効かない。何故か消すボタンが出ない。
torque Animated Text
下の例はinline だけど、blockにも出来る。
torque Business Hour
torque Card
↓入れただけの状態
でも、これじゃない感。
高さが揃ってないんですよね。
いや、モバイルでは１カラムになるんで、全く問題ないんだけど。
で、「行」の「詳細」→「カスタムcss」→「main」に以下を追加。
display:flex;
align-items: stretch;
更に各列に以下を追加。
display:flex;
※「カスタムcss」でタブレット以下では以下にする
dispaly:block;
すると↓になる。
悪くないんだけど、やっぱりボタンもそろって欲しい。（あくまでPCでの話）
そこで、まずtorque card の境界線borderを０に。
代わりに列の境界線を１pxにする。
「行」のcssは以下のまま。
display:flex;
align-items: stretch;
各列のカスタムcssに記述した以下を消す。
display:flex;
で、torque cardモジュールの下に普通の「ボタン」モジュールを追加。
で、その「ボタン」モジュールの「詳細」→「位置」を「絶対の」にして位置を下の真ん中にする。
そして、「垂直オフセット」を30pxとか好みで入力する。
最後に「列」の「デザイン」→「余白」 でパディングのボトムを70pxくらいにする。
すると↓な感じ。
なんか複雑になったので json ファイルを置いておきます。
使われる方は自己責任でご自由に。
※ダウンロードしたzipファイルを解凍すると「torque-card-3-clm.json」があります。
それを「ダッシュボード」→「Divi」→「Diviライブラリー」→「Import & Export」からインポートできます。
新しい「行」を追加する際に「ライブラリから追加」ってのがあると思いますが、そこから追加します。
torque CF7 styler
contact form 7 のスタイルを調整できる。
torque Diviber
torque Dual Button
二つボタンを作る。間の文字は消せる。２つのボタンの間隔も調整可能。
torque Image Carousel
イメージ、タイトル、説明文、ボタンのカルーセル。
torque Info Box
card とか info box とか icon box とか似たようなモジュールがあります。これはYOUTUBEを選ぶところがあるのが特徴かな。
torque Logo Grid
使いどころはよく分からん。
torque Skill Bars
ビヨーンって伸びるのかと思ったらそのままなのね。
torque Team
elementor とかでもたくさんあるモジュール
でも使う機会がほとんどない。
torque Testimonial
モジュールの説明
torque Video Popup
youtubeやその他動画をポップアップさせる。