Skip to main content
Inspiring
December 8, 2017
Answered

Styling Font

  • December 8, 2017
  • 1 reply
  • 411 views

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

    This topic has been closed for replies.
    Correct answer Nancy OShea

    #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>

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    December 8, 2017

    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
    Inspiring
    December 8, 2017

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

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    December 8, 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>

    Nancy O'Shea— Product User & Community Expert