How to center your CoreXpand Online company stores

By CorexpandCX on August 23, 2011

While there is no button that will automatically center your CoreXpand company store on the webpage,  there is some simple HTML code that you can use to get the job done.

Pro Tip: Whenever you are working with your store’s skins, always save a copy of the old code BEFORE editing. This way, if you make a mistake, you can easily put the store back the way it was while you’re figuring out what happened.

1) Log on to the storefront console.

2) Click: Store Designer > Manage “Skins” > Shopping Skin Files tab


3) In the “Skin Header” section, paste in this bit of code:

<style type=”text/css”>

body { text-align:center;}

body { text-align:-moz-center;}

</style>

 

4) Next, you need to make sure the “header” of your store is visible, otherwise the centering code you added to the header won’t work!

To do that click:

Store Designer > Manage Skins > Skin Settings tab

Under the Skin Elements section click the button to “Show” the “Shopping & Non-Shopping Skin Header.

 

5) Lastly, save your changes, then publish your store. (Please note:  if you have several thousand SKUs the publish may take a few minutes)

The code above will work on any standard store.  If your store has an existing skin in place, you will need to test how this code works within your existing store skin code.

As always, we’re here for you.  If you need any help troubleshooting your code, or if you have questions, please don’t hesitate to contact Customer Support.

Posted in CoreXpand Solution Tips, SEO and Web Design Tips, Tips & Tricks