CSS

2017-08-01 12 views
0

私がターゲットにしようとしていて、背景をターゲット:CSS

<div class="shapely-content dropcaps-content"> 
      <div id="paralaxdiv" class="paralaxclass"><section id="titleimageparalax" class="intense content-section parallax-scene parallax titleimageparalaxclass" data-anchor-target='#titleimageparalax' data-bottom-top='background-position: 0px 40px;' data--1000-top='background-position: 0px -80px;' data-height-adjustment="10px" data-speed="2" style="height:700px; margin-bottom: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; background-image: url(http://humatics.flywheelsites.com/wp-content/uploads/2017/07/par_who_top-2-940x623.jpg); background-size: cover; background-position: 50% 50%; background-attachment: fixed; padding-top: 25px; padding-bottom:25px; padding-left: 0px; padding-right:0px; overflow: hidden;"><ul id='parallax-scene-1973025556' class='parallax-scene-1973025556 parallax-scene'> 

背景サイズ:カバー;それを100%に変更します。私はどのようにWordpressカスタムコードからCSSを変更するためにそれに到達するかを理解できません。このコードをどのようにターゲットにしますか?

ありがとう!!!!

答えて

1

!importantを使用できます。

#paralaxdiv>section{ 
    background-size: 100% auto !important; 
} 
+0

私は、DOMがロードされた後にOPがバックグラウンドを変更したいと考えています。 – Difster

1

あなたはjavascriptまたはjquery(私はjqueryが好きです)を使用する必要があります。

たとえば、jquery:$("#titleimageparalax").css("background-color", "yellow");のようにするといいでしょう。