Уменьшить фон заголовка вместо 100% ширины страницы

Question

Уменьшить фон заголовка вместо 100% ширины страницы

0

Я работаю над сайтом и имею белый фон за заголовком сайта и сайтом. Тем не менее, я хочу, чтобы фон заголовка сайта был шириной фактического названия, а не на 100%.

Любая помощь приветствуется!

сайт

CSS

.site-title {
    .site-title-font;
    color:@site-title-color;
    background-color:white;
    padding:5px;
}
.site-tagline {
    .site-tagline-font;
    color:@site-tagline-color;
    background-color:white;
    margin-top:10px;
    padding:5px 5px 5px 5px;
}

HTML/JSON

          <!--Site title or logo.-->
      {.section website}

        <div class="site-title" data-content-field="site-title">
          <a class="site-title" href="/">
            {.section logoImageUrl}
             <img class="logo" src="{logoImageUrl}?format=original" alt="{siteTitle}" />
            {.or}
              {siteTitle}
            {.end}
          </a>
        </div>

            <!--Site tagline.-->
            <div class="site-tagline">
            {.section siteTagLine}<div>{@}</div>{.end}
            </div>
          {.end}

user3370902 12 март 2014, в 20:56

Источник

Теги:

html

json

css

1 ответ

Ещё вопросы

JohanVdR · Accepted Answer · 2014-03-12T16-50-00.000Z

Просто добавьте отображение: встроенный блок

.site-title {
  background-color: #FFFFFF;
  color: #181818;
  display: inline-flex;
  font-family: "proxima-nova";
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 10px;
  padding: 5px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}

Ну, это было легко! Ха! Большое спасибо.
Эта статья добавляет немного глубины к использованию этого свойства отображения: joshnh.com/2012/02/07/…