You will have the option to change the site theme if more than one theme is available; otherwise, the site uses the default theme.
Your theme controls the look and feel of your site pages. When you select a site theme, all of your pages will use that theme. However, you can select a different theme at the group level or blog level. You can also modify your theme properties, although the properties will vary based on the theme you are using and, if applicable, CSS.
To select a site theme:
- Navigate to the home page (or to a profile page).
- Mouse over Management.
- In the Management panel, click Manage site theme. The Manage site theme panel appears.
- Click Edit this theme. The Edit this theme panel appears. You can choose or specify the following options:
- Layout-
- Maximum width - The total width of the site content, including sidebars.
- Minimum width - The minimum width of the site content, including sidebars.
- Width - The width of the site content, including sidebars.
- Widget spacing - Pixels placed between widgets.
- HTML Headers -
- Raw HTML header (top) - HTML to be rendered within the <head> tag at a the top of the header. Rendered before CSS.
- Raw HTML header (bottom) - HTML to be rendered within the <head> at the bottom of the header. Rendered before CSS.
- CSS files - Upload and order CSS and LESS files to be included with the theme.
- Javascript files - Any JavaScript files applicable to all pages in the theme should be uploaded and ordered here.
- Layout-
- Supplementary files - Supporting files - Any image files needed for the theme's custom CSS.
- HTML formatting -
- Leader HTML -
- Widget leader - Rendered within the wrapping <div> tag of widgets, but before the widget header and content.
- Widget header leader - Rendered within the wrapping <div> tag of widget headers (if one is rendered), but before the widget header content.
- Page tabs leader - Rendered within the wrapping <div> tag of the page tabs but before the list of the tabs.
- Layout region leader - Rendered within the wrapping <div > tag of each region of a layout, but before widgets in the region.
- Trailer HTML -
- Widget trailer - Rendered within the wrapping <div> tag of widgets, but after the widget header and content.
- Widget header trailer - Rendered within the wrapping <div> tag of widget headers (if one is rendered), but after the widget header content.
- Page tabs trailer - Rendered within the wrapping <div> tag of the page tabs but after the list of the tabs.
- Layout region trailer - Rendered within the wrapping <div > tag of each region of a layout, but after widgets in the region.
- Leader HTML -
- Media settings-
- Maximum width - the widest pixel width media can be rendered in, in the theme. Enter 0 to allow unlimited width.
- Maximum height - the tallest pixel height media can be rendered in, in the theme. Enter 0 to allow unlimited height.
- Custom styles - Cascading style sheet (CSS) for exact page placement and styling.
- Wrapping formats -
-
- Support single column mode for mobile devices - Allows the page layout to adjust to a single column format. Widgets will be ordered based on their configuration in the page.
- Widget wrapping formats - Adds additional wrapping formats for widgets.
- Enter the name, CSS class, and whether to include header. You can delete this format by clicking Delete.
- Default wrapping format with header - Enter the default wrapping format for when using a header.
- Default wrapping format without header - Enter the default wrapping format for when not using a header.
-
- To be able to preview the theme, click Save draft.
- To preview the draft, click Preview drafts. The Preview drafted changes panel appears, listing the changes made.
- Select the check boxes for changes you wish to see (or click Select all).
- To view the draft, click Enable previewing. Enabling this view puts all windows in the current browser into preview mode and updates the windows with the changes you make until you disable previewing (by clicking Disable previewing) or until you restart the browser. To view this change on another browser, copy the URL into the address field of the second browser, and enable previewing in the second browser.
- To publish the changes, click Save and publish.
- To revert to the previously saved version, click Revert.