Your Cart

Shopping Cart Items: 0   Sub-Total : $0.00    View Cart    Checkout
Welcome, Guest ( Customer Panel | Login )


Home | Profile | Register | Active Topics | Members | Search | FAQ


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  

billcat99
Starting Member

USA
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
Bill

carfin
VP-CART 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?
\templates\default-2cols\css\layout.css
OR
\templates\default-3cols\css\layout.css
OR
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.
Regards,

Carrol
www.deanston-electrical.co.uk
Go to Top of Page

billcat99
Starting Member

USA
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

.h1nobar{
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

use

<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 :

.h1nobar{
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.

Bill
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00
  • Your Cart Is Empty