WP简单主题，改变图像行为

Question

On the homepage of the theme "WP simple" there is an image that is set to cover the full width of the visible area.

I would like to change the behavior and to block the maximum width to a certain amount of pixels.

I was able to find the html that handle the image, but I can't figure out what handles the resize, if it is done by javascript/jquery or by css and the inspect tool of the browser isn't helping to find the issue.

Someone is able to help me pinpoint the location where i need to make changes?

<section class="frontpage-banner parallax_active" data-parallax="scroll" data-image-src="http://mysite.loc/wp-content/uploads/2018/05/my-image.jpg" style="background: rgba(0, 0, 0, 0.3); padding-top: 288.667px; padding-bottom: 288.667px;">
<div class="container">
  <div class="banner-wrap" style="visibility: visible; "></div>      
</div>    
</section>

Answer 1

对于wp主题，宽度通常是由javascript代码或css @media规则生成的，但是您可以通过使用！important标签在style属性中添加值来覆盖它：

style="max-width:100px !important;background: rgba(0, 0, 0, 0.3)..."