Logo issue

[kristen126]

Hello, I am having issues with our new logo. I replaced the old one but the new one is showing up in the wrong place, on the right side and large. It should be a smaller size and in the top left corner of the header. Here is our website: http://fitnessequipmentprofessionals.com/

Please help!

[andypooz]

Well, you got in onto the left side, but you'll need to edit tour template's css to set the new height and top margin.

Go to your templates files theme355/css/virutemart.css and around line 92 you'll find

Code: Select all

h5#logo img {
display: block;

to that you want to add

Code: Select all

    height: 100px;
    width: 170px;
    margin-top: 32px;

You can tweak those numbers, but you should end up with something that looks right

[sozzled]

andypooz's suggestion will probably work but I would not recommend changing the virtuemart.css file. In fact, you should never modify any original source files unless you are prepared to maintain the changes when you update that software. A better idea is to have a file of custom changes.

An easier solution might be to add the following CSS rule

Code: Select all

h5#logo a > img {
    height: auto;
    width: 50%;
}

[andypooz]

The virtuemart.css file is in the template, not in the virtuemart component.