Company Logo

[ansoniagroup]

I was able to upload our company logo and added it in layout settings. After publishing the store the logo is in the center of the top of page and I can't figure out how to move it to the upper left corner.

[Jim]

What template are you using, is it one you created or a ShopSite provided template?

[ansoniagroup]

We're using shop sites elite template

[Jim]

You will need to add the following code to the include file elite_001_pa_styles.css

Code: Select all

 #co_logo {
        float: left;
        margin-left: 20px;
}


To add it to the file you will need to make a copy of the ShopSite file by going to Merchandising > Custom Templates > Includes and in the Include Files section at the top of the page click the Copy ShopSite Include. From the list of files select the elite_001_pa_styles.css and give it the name elite_001_pa_styles.css.org and click Copy. That will make a copy in your local template area. Now select the file and click Edit Include. Paste the code in the box above at the very top of the edit window , placement isn't critical as long as it is not in some other class define. Also the # must not be in the left most column of the page so make sure there is a space in front of it. Click the Save changes button. Select the file from the list again and click the Copy Include button. Now give the file the name elite_001_pa_styles.css so it is the same as the ShopSite file and click Copy. Then republish your store and the logo should be on the left. You could change the margin-left: 20px to some other value is you want it farther to the left of indented more.


If there is a problem you can revert to the ShopSite template version by deleting or renaming your copy of the file.

[ansoniagroup]

Thanks for your help Jim. I just realized what was wrong before I checked the forum. My logo was too large, I reduced it to medium and the logo is now in the correct location.