-
検索結果
-
トピック: ヘッダー上部にある余白を消したい
【お使いの Snow Monkey のバージョン】
バージョン: 20.0.1【お使いの Snow Monkey Blocks のバージョン】
バージョン 19.1.0【お使いの Snow Monkey Editor のバージョン】
バージョン 9.2.1【お使いのブラウザ】
Google Chrome### 実現したいこと
ヘッダー上部（正確には、l-containerクラスと同階層にあるmargin-topの指定の削除）
### 発生している問題
添付画像の箇所に下記コードの指定がされており、
コンテンツ上部に余白が生まれてしまっている<style type=”text/css” media=”screen”>
html { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
html { margin-top: 46px !important; }
}
</style>### 試したこと
my-snow-monkeyのscssファイルに下記コード記述
html {
margin-top: 0!important;
}設定を調べてみましたが、該当箇所の余白設定がどこで調整できるのか、またはそもそもそのような設定はないのかわからず、初歩的な問題かもしれませんがお力いただけますと幸いです。
よろしくお願いいたします
お世話になっております。
お忙しい中、検証いただき誠にありがとうございます。
add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary/title/title', function ( $html, $name ) { if ( is_page( 47 ) ) { // カスタムフィールドで設定したフィールド名を代入 $acf_image = get_field('property_image'); $acf_type = get_field('property_type'); $acf_location = get_field('property_location'); $acf_price = get_field('property_price'); $acf_land_area = get_field('property_land_area'); // テンプレートのh3タグの後に<div class='property-info'>を追加 $acf_property_info = '</h3> <div class="property-info">' . '<div class="property-img"><img src="' . esc_url($acf_image) . '" alt="Image"></div>' . '<div class="property-body">' . '<div class="property-tag">' . '<p>' . esc_html($acf_type) . '</p>' . '</div>' . '<div class="property-content">'. '<p class="location">' . esc_html($acf_location) . '</p>' . '<p class="price">' . esc_html($acf_price) . '</p>' . '<p class="land_area">' . esc_html($acf_land_area) . '</p>' . '</div>' . '</div>' . '</div>'; // テンプレートパーツのh3タグの後ろにdivタグを追加する $html = str_replace( '</h3>', $acf_property_info, $html ); } return $html; }, 10, 2 );このように記述しました。
アイキャッチとタイトルが表示されてしまいますが、こちらはdisplay: none;で消してしまえばいけそうです。
同じページに投稿ページの最新の投稿もブロックで使っていたので
こちらもimageが出てきてしまっていますが、ページ指定で非表示にすればいけそうです。
また試してみて報告させていただきます。
アドバイスいただき、ありがとうございます。
Who liked: No user原因わかりました！
一覧ページでは各投稿のタイトルが
h2なのですが、固定ページ（最近の投稿ブロック）ではh3になるためh2を対象としたstr_replace()が効かないのが原因です。なので一覧ページ用として一番最初に提示いただいたコード（何も書き換えていないやつ）を、固定ページ用として
h3を対象とした新たなコードを追加すると良いのかなと思います。固定ページ用のコードは当初のコードをコピペして
if( is_post_type_archive('propertys') ){をif ( is_page( 47 ) ) {に変えれば条件を通過すると思うのであとはそのコードのh2としているところをh3に変えればいけると思います。Who liked:GONSY さん、キタジマさん
お力添えありがとうございます。
頂いたご助言で修正できました。
”福山さん
私の場合ですが、Chromeのデベロッパーツール（要素）で見つからない場合、該当のCSSを開き、c-entries__itemやhoverで検索して探します。”→そちらが一番良いですね、、検索ツールのこの部分でしか探しておりませんでした。。
今後は頂いた方法で探してみますね。トピック閉じさせていただきます。
Who liked:
キタジマさん
デフォルト機能でアーカイブページの記事にホバーするとopcityが薄くなるような機能がついていると思うのですが、これを無しにしたいです。
とあったので、
opacityのほうかと思いました。福山さん
私の場合ですが、Chromeのデベロッパーツール（要素）で見つからない場合、該当のCSSを開き、c-entries__itemやhoverで検索して探します。
Who liked:
んー
if ( 'propertys' === $name ) {の後に条件分岐はないし、var_dump( $name );でpropertysが出力されているからこの条件も通過すると思うのですがなんでですかね…。「2023年5月1日 10:17 PM」にアップしてもらったスクショは固定ページのものですよね？スクショが間違いなく固定ページのもので、コードも
if ( 'propertys' === $name ) {に書き換えているのに固定ページでは HTML が追加されていないとなると、ちょっと実際に見てみないとわからないのですが、表側のページをみるだけでは検証ができないので、その場合 FTP のアカウントをつくってもらって、僕のほうで直接ファイルを変更して動作確認をするということは可能でしょうか？Who liked:
