- このトピックには3件の返信、2人の参加者があり、最後に
により5年、 2ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
-
投稿
-
【お使いの Snow Monkey のバージョン】v7.10.0
【お使いのブラウザ】Safari
【当該サイトのURL】===
現在のパンくずでコンテンツ幅に合わせない場合でもお知らせのように端から端まで、または上下に隙間なく背景色をつけるにはどうすれば良いでしょうか？
c-container内に存在する為か、c-containerにpaddingなどが当たっている為なのか、どうも隙間などが入ってしまうので。いいねをした人: 居ません例えばこんな感じはどうでしょうか？
PHP
add_filter( 'snow_monkey_template_part_render', function( $html, $slug ) { if ( 'template-parts/common/breadcrumbs' !== $slug ) { return $html; } return '<div class="p-breadcrumbs-wrapper"><div class="c-container">' . $html . '</div></div>'; }, 10, 2 );CSS
.p-breadcrumbs-wrapper { margin: 0 calc(50% - 50vw); background-color: #f5f5f5; padding: .5em; } .p-breadcrumbs-wrapper .c-container { padding-right: 1.86957rem; padding-left: 1.86957rem; } @media (min-width: 40em) { .p-breadcrumbs-wrapper .c-container { padding-right: calc(1.86957rem + env(safe-area-inset-right)); padding-left: calc(1.86957rem + env(safe-area-inset-left)); } } .p-breadcrumbs-wrapper .c-breadcrumbs { margin: 0 !important; }いいねをした人: 居ません
4件の投稿を表示中 - 1 - 4件目 (全4件中)
- トピック「パンくず部分を帯状にするには？」には新しい返信をつけることはできません。