• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Styling Font

Engaged ,
Dec 07, 2017 Dec 07, 2017

Copy link to clipboard

Copied

I have two banner texts on my page H1 and below it, I have smaller text. I would like to make the smaller text just like the H1. I tried to fix it but nothing. Here is my code. http://www.charismacommunications.ca/site/index.html #banner h1 { text-shadow:1px 1px 0 #000,             -1px -1px 0 #000,             1px -1px 0 #000,             -1px 1px 0 #000,             0px 1px 0 #000f,             1px 0px 0 #000,             0px -1px 0 #000,             -1px 0px 0 #000,             4px 4px 3px #000; font-size: 5.5em; font-weight: 200; color: #fff; line-height: 1em; margin: 0 0 0.0em 0; padding: 0; font-family:Verdana, Geneva, sans-serif; } #p { text-shadow:1px 1px 0 #000,             -1px -1px 0 #000,             1px -1px 0 #000,             -1px 1px 0 #000,             0px 1px 0 #000f,             1px 0px 0 #000,             0px -1px 0 #000,             -1px 0px 0 #000,             4px 4px 3px #000; font-size: 5.5em; font-weight: 200; color: #fff; line-height: 1em; margin: 0 0 0.0em 0; padding: 0; font-family:Verdana, Geneva, sans-serif; }

1 Finger Trigger

Photographer

Views

265

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Dec 07, 2017 Dec 07, 2017

#banner h1, #banner h2 {

text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000f, 1px 0px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 4px 4px 3px #000;

    font-size: 5.5em;

    font-weight: 200;

    color: #fff;

    line-height: 1em;

    margin: 0 0 0.0em 0;

    padding: 0;

    font-family: Verdana, Geneva, sans-serif;

}

#banner h2 {font-size: 4em !important;}

<h1>1 Finger Trigger</h1>

<h2>Phtographer</h2>

Votes

Translate

Translate
Community Expert ,
Dec 07, 2017 Dec 07, 2017

Copy link to clipboard

Copied

Keep it simple.  Use H1 for the whole string of text.

<h1>1 Finger Trigger <br> Photography</h1>

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Engaged ,
Dec 07, 2017 Dec 07, 2017

Copy link to clipboard

Copied

It fixed the problem but is there no way to make the word photography just a little smaller?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 07, 2017 Dec 07, 2017

Copy link to clipboard

Copied

LATEST

#banner h1, #banner h2 {

text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0px 1px 0 #000f, 1px 0px 0 #000, 0px -1px 0 #000, -1px 0px 0 #000, 4px 4px 3px #000;

    font-size: 5.5em;

    font-weight: 200;

    color: #fff;

    line-height: 1em;

    margin: 0 0 0.0em 0;

    padding: 0;

    font-family: Verdana, Geneva, sans-serif;

}

#banner h2 {font-size: 4em !important;}

<h1>1 Finger Trigger</h1>

<h2>Phtographer</h2>

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines