フォーラムへの返信
-
投稿者投稿
-
当該サイトのURLがリンク切れになっていたので、こちらの環境で試してみました。
.c-entry-summary__figure .c-entry-summary__term { left: 0; right: unset; }
外観 > カスタマイズ > 追加CSSに記入して
プレビュー画面では、右に寄ったままですが、公開してカスタマイザーを×で閉じると左に寄りました。
https://demo.waiwai-do.com/
ちなみにdisplay: inline-table;
も追加すると、カスタマイザーのプレビュー画面でも左に寄ります。left: 0; right: unset;
では、どうですか?
♥ 0いいねをした人: 居ません3カラムのレイアウトなので、素直にカラムブロックを使用するのがいいと思います。
3カラムの真ん中に画像を置いて、左右にタイトルとテキストを入れるだけです。
タイトルにはブロックの高度な設定の追加CSSのところにsmb-section__title smb-section-side-heading__title
、リード文にはsmb-section__subtitle smb-section-side-heading__subtitle
のクラスを設定すれば、セクション(サイド見出し)と同じ見た目になります。
ただ、これだとタイトルとリード文の間が開きすぎてしまうので、タイトルにはもう一つtitle-with-lead
のようなクラスを追加して、margin-top: 0;
になるようにスタイルを調整する必要があります。title-with-lead { margin-top: 0; }
Font Awesome のアイコンが表示できます。
Instagram なら<i class="fab fa-instagram"></i>
です。availability.cgigが、404 not found になっていて
iframe で表示されてるのは、にアクセスしたときに表示されているページがそのまま出てる感じですね。
こんにちは
パネルブロックの設定で、「画像の周りに余白を設定」をオンにされているみたいですので、CSSの詳細度が低くてカスタムCSSが反映されていないのだと思います。
GONSYさんが書かれているように、!important
を付けるか
詳細度を上げて.smb-panels[data-image-padding=true] .smb-panels__item__figure { padding: 30px 30px 0; }
のようにするといいと思います。
♥ 1いいねをした人: 居ませんこんにちは
スクリーンショットを見ると、テーマの中にcustomize.js
がありますが、上に書かれているコードは、my-snow-monkeyのプラグインディレクトリuntrailingslashit( plugin_dir_url( __FILE__ ) )
から読み込むようになっているので、それがエラーの原因だと思います。
my-snow-monkey/assets/js/customize.js
にファイルを移動してみてください。♥ 2いいねをした人: 居ませんstyelsheetの読み込みは、HTMLをべた書きするよりも
wp_enqueue_scripts
使った方がいいですよ。♥ 1いいねをした人: 居ません流体は、画像にクラスを付けてCSSでマスクをかけてあるだけなので、どんなスタイルがあたっているかをデベロッパーツールで確認してみてください。
同じスタイルを任意のタクソノミーの画像に適用すれば、実装できます。♥ 1いいねをした人: 居ませんそうなると、追加するCSSも変わります。
.page-id-448 .c-page-header { display: none; } .p-breadcrumbs-wrapper { display: none; } .l-contents__inner { margin-top: 0; }
♥ 1いいねをした人: 居ません消したいのは、背景画像を含めたヘッダーのタイトル部分とパンくずの部分ですか?
インフォメーションバーの下にコンテンツをぴったりとくっつけるイメージであってますか?♥ 0いいねをした人: 居ませんこんにちは
.page-id-553 .c-page-header { background-color: #333; min-height: 200px; } .page-id-553 .c-page-header__bgimage > img { display: none; }
こんな感じでCSSを追加してみてください。
.page-id-553 のところは、アイキャッチを非表示にするこてーページのIDに合わせてください。♥ 1いいねをした人: 居ません -
投稿者投稿