Как уменьшить размер заголовка intro text и вводного заголовка

Как уменьшить размер текста в середине этого изображения баннера? Всякий раз, когда я уменьшаю размер шрифта, фото идет выше, и место размещения изображения изменяется. Я хочу изменить размер шрифта, чтобы текст выглядел чистым и с правой стороны, а не перекрывался с человеком, а также я хочу, чтобы tagline выглядел меньше, чем текст заголовка. Я также хочу, чтобы он выглядел чище на мобильных устройствах. Он смотрел грязный в мобильном браузереКак уменьшить размер заголовка intro text и вводного заголовка

Это как looks- http://imgur.com/a/8u7Cv

HTML КОД

<header> 
     <div class="container"> 
      <div class="intro-text"> 
       <div class="intro-lead-in">Welcome To AssignmentHelpStreet</div> 
       <div class="intro-heading">The path you won't turn your back on</div> 
       <a href="#about" class="page-scroll btn btn-xl">About Us</a> 
      </div> 
     </div> 
    </header>

CSS КОД

header{ 
    background-image:url(../img/bg.jpg); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    background-position:center center; 
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    background-size:cover; 
    -o-background-size:cover; 
    text-align:right; 
    color:black; 
} 
header .intro-text{ 
    padding-top:100px;padding-bottom:50px 
} 
header .intro-text .intro-lead-in{ 
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:22px;line-height:22px;margin-bottom:25px 
} 
header .intro-text .intro-heading{ 
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:50px;line-height:50px;margin-bottom:25px 
} 
@media (min-width:768px){ 
    header .intro-text{ 
     padding-top:300px;padding-bottom:200px 
    } 
    header .intro-text .intro-lead-in{ 
     font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:40px;line-height:40px;margin-bottom:25px 
    } 
    header .intro-text .intro-heading{ 
     font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:75px;line-height:75px;margin-bottom:50px 
    } 
}

источник

2017-02-11 Madhurjya

Какой именно размер шрифта должен быть уменьшен? –

как текст заголовка, так и tagline. «Добро пожаловать в адресную службу помощи», а также «путь, на который вы не повернетесь» – Madhurjya

может убрать то же изображение, чтобы я лучше помог вам! –

Вместо увеличения шрифта размер лучше помещать изображение и текст в теги заголовков <h2></h2>, он получит увеличение размера как

источник

2017-02-11 14:07:35

Я хочу уменьшить размер шрифта, а не увеличивать. Уменьшить размер заголовка и метки – Madhurjya

Как уменьшить размер заголовка intro text и вводного заголовка

ответ

Смежные вопросы