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; }
Photographer
#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>
Copy link to clipboard
Copied
Keep it simple. Use H1 for the whole string of text.
<h1>1 Finger Trigger <br> Photography</h1>
Copy link to clipboard
Copied
It fixed the problem but is there no way to make the word photography just a little smaller?
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>