How to Use the Custom Code Settings
| Line 10: | Line 10: | ||
==Custom CSS== | ==Custom CSS== | ||
| − | This setting is a simple quick way to add custom styles to your site without having to edit any css files. | + | This setting is a simple quick way to add custom styles to your site without having to edit any css files. Anything you enter here will be saved to your database. '''ALWAYS REMEMBER TO BACKUP''' |
# Enter the Custom CSS code you want to use to modify or add a specific CSS rule | # Enter the Custom CSS code you want to use to modify or add a specific CSS rule | ||
Revision as of 00:23, 27 December 2011
The Custom Code settings is one of the three ways you can add custom CSS to your site. The other methods for adding custom CSS are the PageLines Customize Plugin & the Base Theme. You also use the Custom Code Settings to add Header & Footer scripts and Analytics.
From your WordPress Administration Panel:
- Select the "PageLines" panel, then "Settings"
- 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. Anything you enter here will be saved to your database. ALWAYS REMEMBER TO BACKUP
- 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;}
- Click "Save Options"
Even though using this Custom CSS setting will give you the results you are looking for, it is generally not considered to be the "professional" method for 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.
For more information on CSS & how it relates to PageLines 2.0, click on CSS Customization
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
- Enter your Header script into the text area
- Click "Save Options"
This is where you insert any footer script, including Google Analytics.
For more information, click on http://www.google.com/analytics
- Enter your Footer script and any Analytics script into the text area
- Click "Save Options"
Asynchronous Analytics
This is the placeholder for Google asynchronous analytics. It goes underneath body tag.
For more information, click on
http://code.google.com/apis/analytics/docs/tracking/asyncUsageGuide.html
- Copy the Asynchronous Analytics script from your Google Analytics account into the text area
- Click "Save Options"