The Wix embed code presentation leaves a bit to be desired when it comes to formatting. When you drop an embed block into a Wix page it will often add far too little padding, is not centered, and does not default to a big enough height to display a list of locations.
Getting Started With The Embed Format
When using Wix we find it easier to format the MySLP embed code by using the advanced editor.
Start by adding an Embed , HTML block into the page. Wix will drop this in a random semi-centered location on the page. Drag it down to an available space on the page.
It is best to set the embed block to be 100% the width of the content. The gutters should be marked with a dashed line to show the left/right main content width. Stay between the gutters.
Set a default height tall enough to show the listing. An embed box height of 800 is a good start.
Click on the embed box and look for Enter Code on the top-left corner of the box.
Enter the embed code and related <style>..</style> section as noted below.
Example Embedded MySLP Directory Code
You can add custom CSS rules to WordPress to style your directories and location maps without having to wait for a custom Store Locator Plus® style or a theme that supports full CSS rules. WordPress has a built-in CSS customization tool that applies to all pages on the site.
You can use this custom CSS tool to do things like format the MySLP SaaS, or WPSLP plugin, directory listings.
How To Add Custom Rules
Login to your site as a site administrator.
Click on the Customize menu entry in the admin toolbar.
Click on Additional CSS in the sidebar.
Enter a fully qualified CSS rule.
MYSLP subscriber with the Professional level or Enterprise level plan , allows you to customize the style sheets ( CSS ) for Store Locator Plus map, results, and search layouts. There are additional styles also available with the higher level plans making it less likely that you will need to use custom styling sheets. If you are adding CSS to the SLP. The CSS field is under Settings/View under the various locator styles.
If you are an Enterprise level subscriber and need a style to work with your general theme, you may wish to contact us. Any CSS updates entered will be retained in future updates .
For WordPress SLP plugin users, The Experience Add On is available to purchase for the self managed WordPress SLP plugin , the CSS is stored in the WordPress options table.