promoboxをオリジナルパララックスに挿入時の文字の位置

[ロイヤル]

オリジナルパララックスコンテンツに
サンプルにあったプロモボックスにplx=”enter bottom delay 1.0s”を加えて記述したところ
アイコンの横のテキストが、左揃えではなく中央揃えになるのですが、そういう仕様なのでしょうか？
もしくはテキスト左寄せにする記述が必要でしょうか？

宜しくお願いします。

al-l　や　alignleft　を入れても、私の記述が悪いのか変化がありませんでした。

宜しくお願いします。

[promobox column=2 plx=”enter bottom delay 1.0s”]
[promo title=”Icon Globe” titlecolor=”#444″ titlehovercolor=”#227BCD” icon=”icon-globe” iconhovercolor=”#4DCE2E” iconstyle=”round” iconalign=”left” iconcolor=”#227BCD” url=”#”]
プロモーション用の説明文です。<span class=”b”>HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
[/promo]
[promo title=”Icon Space Invader” icon=”icon-space-invaders” iconalign=”left” iconstyle=”square” iconcolor=”#fff” iconbgcolor=”#aaa”]
プロモーション用の説明文です。<span class=”b”>HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
[/promo]
[/promobox]

[DigiPress サポート]

パラメータの値を括っているダブルクオートが全角と半角が入り混じっており、ショートコード自体が機能できていません。

[promobox column=2 plx='enter bottom delay 1.0s']
[promo title='Icon Globe' titlecolor='#444' titlehovercolor='#227BCD' icon='icon-globe' iconhovercolor='#4DCE2E' iconstyle='round' iconalign='left' iconcolor='#227BCD' url='#']
プロモーション用の説明文です。<span class='b'>HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
[/promo]
[promo title='Icon Space Invader' icon='icon-space-invaders' iconalign='left' iconstyle='square' iconcolor='#fff' iconbgcolor='#aaa']
プロモーション用の説明文です。<span class='b'>HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
[/promo]
[/promobox]

添付ファイル:

添付ファイルを開くにはログインしてください。

[ロイヤル]

コピペしたものを、貼ったのですが全角と半角が混ざっていましたか？
すみません、私の確認不足でした。気をつけます。

記載いただいたものを、試しに入れてみたのですが
ウイジェット　「DP-パララックスコンテンツ」のオリジナルパララックスコンテンツに
コードを入れると、やはり、titleと説明文が、中央揃えになってしまいましたが

ウイジェット　「テキスト」や「DPカスタムテキスト」に、
コード入れることにより
タイトルと文章が左揃えに表示なり問題は解決できました。

ありがとうございました。

[DigiPress サポート]

パララックスコンテンツウィジェットは、基本が中央寄せです。
プロモーションショートコード全体は左寄せにする場合は、promobox(親)ショートコードの classパラメータに、左寄せ(al-l)のセレクタを指定してください。

[promobox 
class='al-l' 
column=2 
plx='enter bottom delay 1.0s']
[promo title='Icon Globe' titlecolor='#444' titlehovercolor='#227BCD' icon='icon-globe' iconhovercolor='#4DCE2E' iconstyle='round' iconalign='left' iconcolor='#227BCD' url='#']
プロモーション用の説明文です。<span class='b'>HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
[/promo]
[promo title='Icon Space Invader' icon='icon-space-invaders' iconalign='left' iconstyle='square' iconcolor='#fff' iconbgcolor='#aaa']
プロモーション用の説明文です。<span class='b'>HTMLタグやショートコード</span>も利用できます。アイコンか任意の画像を表示できます。
[/promo]
[/promobox]

[投稿者]

投稿