How to Use the Custom Code Settings
(Difference between revisions)
(→Add Custom Code) |
(→Add Custom Code) |
||
| Line 8: | Line 8: | ||
# 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;} | ||
# Proper CSS code format must be used in Custom CSS: | # Proper CSS code format must be used in Custom CSS: | ||
| − | #navigation_rss { | + | " #navigation_rss { |
position: absolute; | position: absolute; | ||
left: 720px; | left: 720px; | ||
| Line 15: | Line 15: | ||
color: #897567; | color: #897567; | ||
line-height: 2.5em; | line-height: 2.5em; | ||
| − | } | + | } " |
# 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. | ||
Revision as of 04:03, 18 October 2011
One of the most dynamic features of Pagelines is the ability to modify or add Custom CSS to your site.
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.