How to Use the Custom Code Settings

Revision as of 23:09, 1 December 2011

The Custom Code settings is where you can customize your site beyond what's available in the PageLines 2.0 options. It would be easy to add tons of theme options to every little thing in your site; but when trying to customize colors, shapes, text, and control each entity’s size… options aren’t always the best solution. This is because you could add 20 options just to control one block of text; so adding options for everything leads to an overly-complicated product.

From your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. Select the "Custom Code" tab to show the following options:

Custom CSS

This setting is a simple quick way to add custom styles to your site without having to edit any css files.

Custom Code Panel

1. Enter the Custom CSS code you want to use to modify or add a specific CSS rule
   • For example, to change the margin at the top of your page: You would add, body {padding-top: 15px;}
2. Click "Save Options"

Even though using this Custom CSS setting will give you the results you are looking for, it is generally not considered the "professional" method to adding CSS to your site. If you are adding more than just a few simple lines of CSS, and would like to use a more professional approach, we recommend using the "Pagelines Customize" plugin, available for free in the PageLines Store.

Header Scripts

This is where you add any scripts you may have such as JavaScript. The script will be inserted directly before the end of the HTML </head> tag

Footer Scripts & Analytics

This is where you insert any footer script, including Google Analytics. Click on http://www.google.com/analytics for more information

Asynchronous Analytics

In addition to being able to add Custom CSS in the Custom CSS Panel, javascripts can be added to both the header and the footer.There is also a section to add Google asynchronous analytics code script.

1. To add script, simply paste the desired script into the header or footer sections of the Custom CSS Section.
2. To add Google Analytics, simply copy the Google script from your Google Analytics account into the Google section of the panel.
3. Next, click the "Save Options" button in the upper right hand corner.