Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

Topic-icon H1 TAG HELP

More
5 years 4 months ago #14669 by phil2564
phil2564 created the topic: H1 TAG HELP
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.

More
5 years 4 months ago #14684 by ivan.milic
ivan.milic replied the topic: Re: H1 TAG HELP
You have template_css.css
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.

More
5 years 4 months ago - 5 years 4 months ago #14696 by phil2564
phil2564 replied the 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
.resize {
	font-family: "Arial Narrow";
	font-size: 12px;
	color: #F7F7F7;
}

And I put this in my HTML
<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: 5 years 4 months ago by phil2564.

Please Log in to join the conversation.

More
5 years 4 months ago #14716 by milos
milos replied the topic: Re: H1 TAG HELP
Try this for class .resize:
.resize {
	font-family: "Arial Narrow";
	font-size: 12px;
	color: #F7F7F7;
        background:none !important;
}

Please Log in to join the conversation.

More
5 years 4 months ago #14737 by phil2564
phil2564 replied the topic: Re: H1 TAG HELP
Wow what a simple fix I just needed this though

.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.132 seconds

Links, Partners and Social Media