VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: vigier on June 28, 2012, 00:25:36 AM

Title: Different textstyle for vmheader
Post by: vigier on June 28, 2012, 00:25:36 AM
Hi,

class vmheader is used by modules Manufacturer and Featured products to display the title/header.
I want to change the style of the text, but I can't get it done. My idea was to add the following code to the CSS of the template:

#vmheader
{
        font-size:1.1em;
        font-weight:bold;
}


But nothing happens when I refresh. I've done some other changes in CSS files and they work well. But somehow with classes I can't get it done. When I use firebug to see the style and inheritance, the lines in my css aren't mentioned. What am I doing wrong?

Sorry for this noob question, but I found out that I'm much better with PHP than the CSS styling stuff...
Title: Re: Different textstyle for vmheader
Post by: srajca on June 28, 2012, 11:20:02 AM
with your code you are using an id and not class
to use class, try this

.vmheader
{
        font-size:1.1em;
        font-weight:bold;
}

more on classes in css check - http://www.w3schools.com/css/css_id_class.asp
Title: Re: Different textstyle for vmheader
Post by: vigier on June 28, 2012, 21:55:34 PM
Thnx a lot! I've seen quite a few pages at w3schools, but I think I read a little too fast...
Works like a charm!
Title: Re: Different textstyle for vmheader
Post by: srajca on June 28, 2012, 22:53:22 PM
perfect, I am glad everything worked out for you