VP-ASP :: Shopping Cart Software

Shopping Cart Software Solutions for anywhere in the World

US/Canada(Toll Free): +1 888 587 2278
Europe/UK: +44 (020) 7193 9408
Australia/New Zealand: +61 3 9016 4497

VP-Cart StoreFront Customer Forum

Home | Profile | Register | Active Topics | Members | Search | FAQ
Save Password
Forgot your Password?

 All Forums
 VPCart Forum
 General help me questions
 h1 tag without the bar, help
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Starting Member

23 Posts

Posted - February 01 2013 :  19:19:50  Show Profile  Visit billcat99's Homepage  Reply with Quote
Hi Everyone

I have been trying to setup in layout.css a new h1 Style tag so that I can have text appear on my pages without the bar that wraps whatever text I enter in my pages.

I do not want to get rid of the original h1 with box around it, I just want to make a new style that still appear as an h1 for seo purposes but without the box. It seems that no matter what i define in the css files the box still appears.

Any one out there that is css savvy have an answer or some sample code for the css file and how to call it from my pages.

Thanks Guys

VP-ASP Expert

United Kingdom
948 Posts

Posted - February 04 2013 :  04:03:51  Show Profile  Reply with Quote
Hi Bill,

just a thought, but are you changing the correct css file for you site layout?
a custom template
If you are, then could you possibly give us a link to a page with the h1 bar showing so that we can see if you need to change something else.

Go to Top of Page

Starting Member

23 Posts

Posted - February 04 2013 :  19:38:43  Show Profile  Visit billcat99's Homepage  Reply with Quote
Carrol thanks for the reply. This issue has actually been fixed.

Thanks to Simon Barnaby, Developer, bigyellowkey.com

He provided the code :

Added a new h1 class in Layout.css

margin:inherit !important;
background: none !important;
font: inherit !important;
color: inherit !important;
padding: inherit !important;
text-transform: inherit !important;

Then to use it within your HTML files/ templates/ pages, etc


<h1 class="h1nobar">This is a test heading</h1>

The above inherits whatever or however you modify it in the HTML, for example font color, size, etc.

If you wanted to perhaps not inherit or modify it every time from the HTML you could just modify the h1 class in the layout.css for example you could change it to :

margin:10px 0 10px 0 !important;
background: none !important;
font:bold 14px/18px Arial, Helvetica, sans-serif!important;
color:#000 !important;
padding:11px 0 11px 14px !important;
text-transform: uppercase !important;

Thanks again Simon, the help is appreciated , hope it helps others out.

Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000