Problem with html,css

newblacky

Junior Member
Joined
Mar 7, 2012
Messages
178
Reaction score
7
anyway guys, I got someones site and I tried to redesign it. I done good amount of job but now I got problem. When I put H1 tag it goes in some font and you can't mark it with mouse(go over it). I tried to go to style.css and there is nothing about H1, can anyone help me? Also I puted just h1 tag like this <h1>haha</h1> no style or anything like that.
 
come on guys! anyone? :)

<h1 style="font-family:arial;">Your title</h1>

or

<h1 id="titleofpage">Your title</h1>

then in css file put

#titleofpage {
font-family:arial !important;
}

Put an important tag in there, that may solve it. Also, change font-family with whatever you want to style it as. Maybe I misunderstood the question. Let me know if so, I am not a pro by any means, but got quite a bit of experience in web design.
 
<h1 style="font-family:arial;">Your title</h1>

or

<h1 id="titleofpage">Your title</h1>

then in css file put

#titleofpage {
font-family:arial !important;
}

Put an important tag in there, that may solve it. Also, change font-family with whatever you want to style it as. Maybe I misunderstood the question. Let me know if so, I am not a pro by any means, but got quite a bit of experience in web design.

bro, I don't want to change font of my h1 tag. I have problem bescause I try to add normal h1 tag and it show me with silver color and some random font. I tried to find in css and there is nothing for h1, I even tried to give it color:white but it doesn't react.
 
You're not clear enough. If you cant find any style for H1 (which i doubt since it has a style) you can create a new one and add !important rule to overwrite the previous one, like michaelr1988 said.

If this is not the problem then tell us exactly what it is.
 
You're not clear enough. If you cant find any style for H1 (which i doubt since it has a style) you can create a new one and add !important rule to overwrite the previous one, like michaelr1988 said.

If this is not the problem then tell us exactly what it is.

I can, but it has only this
h1 {
padding-top:10px;
text-align: center;
}
Nothing changed :( still same
obviously nothing strange there, I tried to put this

h1 {
padding-top:10px;
text-align: center;
color:silver !important;
text-align:center !important;
padding-left:10px !important;
padding-right:10px !important;
font-family:Tahoma !important;
}
Nothing changes. I tried to change h1 with h2 and I got color that I puted for h1, wtf?!
 
Last edited:
BUMP! Can anyone take a look on my code?
 
Use inline styles:

Code:
<h1 style="font-family:Tahoma; font-size:2em; color:silver; text-align:center">your headline here!</h1>

start messing with the padding and you will break your theme.
 
The standard procedure for making sure this is definitely not a .css issue would be to temporarily comment out/delete ALL .css info (and then repeat the same for parts of code until you track the source of the issue down).
 
Just use an id for your h1. <h1 id="anything">Content goes here</h1>

Then go to your css file and use:

#anything {

style settings here

}

That should do the trick.
 
Everybody seems to give stupid answers. Don't answer if you don't even know what OP means.Add this to your stylesheet, also.. Don't use inline styles.
Code:
[COLOR=#DFC48C][FONT=Menlo]::selection [/FONT][/COLOR][COLOR=white][FONT=Menlo]{[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo]  [/FONT][/COLOR][COLOR=#9B869C][FONT=Menlo]background[/FONT][/COLOR][COLOR=white][FONT=Menlo]:[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo] #ffb7b7[/FONT][/COLOR][COLOR=white][FONT=Menlo];[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo] [/FONT][/COLOR][COLOR=#777777][FONT=Menlo]/* WebKit/Blink Browsers */[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo][/FONT][/COLOR][COLOR=white][FONT=Menlo]}[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo][/FONT][/COLOR][COLOR=#DFC48C][FONT=Menlo]::-moz-selection [/FONT][/COLOR][COLOR=white][FONT=Menlo]{[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo]  [/FONT][/COLOR][COLOR=#9B869C][FONT=Menlo]background[/FONT][/COLOR][COLOR=white][FONT=Menlo]:[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo] #ffb7b7[/FONT][/COLOR][COLOR=white][FONT=Menlo];[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo] [/FONT][/COLOR][COLOR=#777777][FONT=Menlo]/* Gecko Browsers */[/FONT][/COLOR][COLOR=#CD6A51][FONT=Menlo][/FONT][/COLOR][COLOR=white][FONT=Menlo]}[/FONT][/COLOR]
 
why not using firebug or chrome tools ? to find out ?

there is must be something wrong mate :-)
 
Try searching for a h1 code in your stylesheet with a !important tag. Perhaps that's the reason why css is not responding when you try to give all h1's a style. The code with the !important tag has more weight than the normal code. I'm not 100% sure that this is the solution for your problem, but trying won't hurt. Good luck.
 
Back
Top