Highlighted

Styling Font

Engaged ,
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

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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

Views

163

Likes

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

Styling Font

Engaged ,
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

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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

Views

164

Likes

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
Dec 07, 2017 0
Adobe Community Professional ,
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, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Dec 07, 2017 0
Engaged ,
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?

Likes

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
Reply
Loading...
Dec 07, 2017 0
Adobe Community Professional ,
Dec 07, 2017

Copy link to clipboard

Copied

#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, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Dec 07, 2017 0