CSS - выровнять изображение на WordPress сайте

Question

Мне нужно выровнять изображение «Специальные предложения» на сайте http://sherridon.bluefrogclients.com/.

Мне нужно немного поднять его.

Дайте мне знать, что именно изменить.

Ниже приведен код из css файла:

#call_to_action {
    background: #e6e6e6 url("images/outset_breadcrumbs.gif") repeat-x scroll center bottom;
    min-height: 170px;
}

body.inset #call_to_action {
    background-image: url("images/inset_breadcrumbs.gif");
}
#call_to_action #blurb {
    padding: 15px 230px 20px 0;
}
#call_to_action_button {
    background: url("images/started.jpg") no-repeat scroll 0 0 transparent;
    height: 80px;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}
#call_to_action_button a {
    display: block;
    height: 100%;
    width: 100%;
}

С уважением, Shyam.

Answer 1

In blue.css:

#call_to_action_button {
  margin-top: -30px;
  height: 90px;
}

Увеличьте его так, как вам нравится (или уменьшите)

Я заметил, что ваше изображение плохо отображаетсяпоэтому я добавил высоту и скомпенсировал поля сверху

Answer 2

@ ответ корродированного также выглядит правильным (дал +1), но мой лучше использует ваш существующий код:

• Ваше изображение в точности 89px в высоту.

• У вас уже есть атрибут top, который вы можете использовать, вам не нужно margin-top.

  #call_to_action_button {
      height: 89px;
      top: -29px
  }
  

  (в blue.css )