На странице есть левый и верхний промежуток, и фоны не меняются в WordPress

Question

Я работаю над темой на WordPress и создал шаблон страницы под названием newpage-template.php, а код выглядит так:

<div class="akmos">

   <img src="<?php echo get_bloginfo('template_url') ?>/imagens/banner-akmos.png">

</div>

но слева и сверху есть пробел (но не справа), как вы можете видеть здесь:

Мой CSS для этой страницы:

<?php /* Template Name: Stuff */ ?>
.akmos {
   height: 500px;
 }

.akmos img {
   width:100%
}

Я уже установил поле: 0, но оно не работает.

body {
margin:0 !important;
}

Самое странное, что я не могу изменить размер изображения с помощью CSS, это не работает. Например, если я попытаюсь установить ширину в 400 пикселей, она не изменится. Это заставляет меня поверить, что проблема с php, но я не уверен. Как это решить?

Answer 1

Причина, по которой width:100% вашего .akmos img не 'работает', заключается в том, что вы не объявили ширину в родительском div, то есть .akmos. Я предлагаю настроить размеры в .akmos и указать .akmos img следовать атрибутам родителя:

.akmos {
  position:fixed;
  top:0;margin-top:0px;
  left:0;margin-left:0px;
  width:100%;
  height:500px;
}

.akmos img {
  width:100%;
  height:100%;
}

Проверьте, работает ли это:)