WordPress：CSSプロパティがキャンセルされましたか？

Question

問題はそれがで消されて続けている私は、ページの上部にstyle="background-image: url('<?php echo $thumb['0'];?>') !important;"を使用して.page-wrapper DIV、ディスプレイに出力する（インラインCSSを）注目の画像をしようとしています

私のpage.phpでブラウザ。サードパーティ製のプラグインがあり、それを上書きできる可能性がありますので、私のサイトに!importantタグを追加しようとしました。働いていない。そして、私はプラグインを無効にしています、運はありません。アイデア？ページへ

リンク：ここhttp://radian3.com/events/

はあなたに何の画像を設定していない、インラインスタイル属性を削除する必要がpage.php

<div class="about-container"> 
<!-- The POST LOOP --> 
    <?php if(have_posts()) : 
       while (have_posts()) : the_post(); ?> 
        <?php $thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');?> 

        <div class="page-wrapper" style="background-image: url('<?php echo $thumb['0'];?>') !important;"> 

       <b class="about-title"><?php the_title(); ?></b> 
       <!-- <div class="about-icon-wrapper" style="background-image: url('<?php echo $thumb['0'];?>')"></div> --> 
       </div> 
       <div class="contact-body-wrapper"> 
       <?php the_content(); ?>  
       </div> 
        <?php endwhile; ?> 

         <?php else : 
          echo '<p>No content found..</p>'; 

         endif;   
        ?> 

CSS

/* single.php page */ 
.page-wrapper { 
    text-align: center; 
    display: flex; 
    justify-content: center; 
    flex-direction: column; 
    align-items: center; 
/* background-image: url('../img/about-our-team.jpg') !important; 
*/ height: 30rem; 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

Answer 1

、オーバーライドをやっているpage.phpでのあなたのコードのようにお願いします。

あなたのcssファイルには、あなたのコードによって生成された画像が表示されます。

あなたのコードは画像を返さないため、修正する必要があります。 $ postが明示的に定義されていない限り、ここには値はないので、$ post-> IDは空になります。あなたは、すなわち

FYI

<?php 
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), 'full'); 
if ($thumb){ 
?> 
     <div class="page-wrapper" style="background-image: url('<?php echo $thumb['0'];?>')"> 
<?php 
// rest of your code.... 
} 

、あなたはまた、$サムが値を持っていることを確認するために、ループ内use get_the_ID()チェックする必要がありますする必要があり - それがない場合は、代わりに

Answer 2

ですそれはの背景画像URLのためのCSSをオーバーライドしています210

page-wrapper divから次の属性を削除する必要があります。

style="background-image: url('') !important;" 

Answer 3

実はこの

background-image: url("<?php bloginfo('template_directory'); ?>/images/parallax_image.jpg ");