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 2 weeks ago #14669 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.

More
5 years 2 weeks ago #14684 by ivan.milic
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 2 weeks ago - 5 years 2 weeks ago #14696 by phil2564
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 2 weeks ago by phil2564.

Please Log in to join the conversation.

More
5 years 2 weeks ago #14716 by milos
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 2 weeks ago #14737 by phil2564
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.118 seconds

Links, Partners and Social Media