How to Use the Custom Code Settings
(Difference between revisions)
(Created page with "==Add Custom Code== The below example shows how to add or modify a site's CSS. Follow similar steps for all Custom CSS. From your WordPress Administration Panel: # Under Pageli...") |
(→Add Custom Code) |
||
| Line 3: | Line 3: | ||
From your WordPress Administration Panel: | From your WordPress Administration Panel: | ||
| − | # Under Pagelines, select the "Custom Code" panel. | + | # Under Pagelines, select the "Custom Code" panel.[[File:Custom-css.png|200px|thumb|right|alt=Custom Code Panel|Custom Code Panel]] |
# In the CSS Rules box, enter the Custom CSS code you want to use to modify or add a specific CSS rule | # In the CSS Rules box, 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;} | # For example, to change the margin at the top of your page: You would add, body {padding-top: 15px;} | ||
| Line 18: | Line 18: | ||
# Next, click the "Save Options" button in the upper right hand corner | # Next, click the "Save Options" button in the upper right hand corner | ||
# The Custom Code is dynamic which means that it will over-write the default Pagelines CSS settings. | # The Custom Code is dynamic which means that it will over-write the default Pagelines CSS settings. | ||
| + | |||
==Other Features of the Custom Code Section== | ==Other Features of the Custom Code Section== | ||
In addition to being able to add Custom CSS in the Custom CSS Section, javascripts can be added to both the header and the footer.There is also a section to add Google asynchronous analytics code script. | In addition to being able to add Custom CSS in the Custom CSS Section, javascripts can be added to both the header and the footer.There is also a section to add Google asynchronous analytics code script. | ||
# To add script, simply paste the desired script into the header or footer sections of the Custom CSS Section. | # To add script, simply paste the desired script into the header or footer sections of the Custom CSS Section. | ||
Revision as of 03:56, 18 October 2011
Add Custom Code
The below example shows how to add or modify a site's CSS. Follow similar steps for all Custom CSS. From your WordPress Administration Panel:
- Under Pagelines, select the "Custom Code" panel.
Custom Code Panel
- In the CSS Rules box, 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;}
- Proper CSS code format must be used in Custom CSS:
#navigation_rss {
position: absolute;
left: 720px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #897567;
line-height: 2.5em;
}
- Next, click the "Save Options" button in the upper right hand corner
- The Custom Code is dynamic which means that it will over-write the default Pagelines CSS settings.
Other Features of the Custom Code Section
In addition to being able to add Custom CSS in the Custom CSS Section, javascripts can be added to both the header and the footer.There is also a section to add Google asynchronous analytics code script.
- To add script, simply paste the desired script into the header or footer sections of the Custom CSS Section.