H1 TAG HELP

phil2564
Inactive member
Topic Author
New Member

13 years 2 weeks ago #14669 by phil2564

H1 TAG HELP was created by phil2564

I want to use a <h1> tag in a another part of my site and I do not want the slanted line background graphic that is classed in with the h1 tag to be there (but I like it everywhere else so I do not want to eliminate it all together).. I tried to make a my own style for ny <h1> and call it resize and call it redetermine and I put the style attributes on the template_css.css sheet. But it did what I want to the text but the back ground gaphic showed up anyway.

Can you tell me how to get rid of that little slanted line graphic.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

13 years 2 weeks ago #14684 by ivan.milic

Replied by ivan.milic on topic Re: H1 TAG HELP

You have template_css.css

Code:

h1, #josForm .componentheading, .form-validate .componentheading {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 26px;
font-weight: normal;
margin: 0 0 15px 0;
padding: 0 0 12px 0;
line-height: normal;
text-transform: uppercase;
background: url(../images/module_bg.png) bottom repeat-x;
}

if you want to keep it for title , just replace
h1

with

.componentheading h1

then style h1 for other things as you want.

Please Log in to join the conversation.

phil2564
Inactive member
Topic Author
New Member

13 years 2 weeks ago - 13 years 2 weeks ago #14696 by phil2564

Replied by phil2564 on topic Re: H1 TAG HELP

Im a bit confused I want everything to look the way it stands right now. I am creating a new h1 on another page and I don't want the background: url(../images/module_bg.png) bottom repeat-x; in the new h1.

This is what I have done so far. And it does not work remember I don't want the other <h1>'s in the site to be changed I want them to stay as is the regular style.

I put this code on the template_css.css

Code:

.resize {
	font-family: "Arial Narrow";
	font-size: 12px;
	color: #F7F7F7;
}

And I put this in my HTML

Code:

<h1 class="resize">Bla Bla Bla Bla</h1>

And the color is correct the size is correct but I am still getting the background: url(../images/module_bg.png) bottom repeat-x;

What am I doing wrong here...................

Last edit: 13 years 2 weeks ago by phil2564.

Please Log in to join the conversation.

milos
Support Staff
Moderator

13 years 1 week ago #14716 by milos

Replied by milos on topic Re: H1 TAG HELP

Try this for class .resize:

Code:

.resize {
	font-family: "Arial Narrow";
	font-size: 12px;
	color: #F7F7F7;
        background:none !important;
}

Please Log in to join the conversation.

phil2564
Inactive member
Topic Author
New Member

13 years 1 week ago #14737 by phil2564

Replied by phil2564 on topic Re: H1 TAG HELP

Wow what a simple fix I just needed this though

Code:

.resize {
	font-family: "Arial Narrow";
	font-size: 2px;
	color: #F7F7F7;
	background: none;
}

Thank you for your help Milos

Please Log in to join the conversation.

Time to create page: 0.168 seconds