You are here: Parts > Page Sharing > Page Sharing Caption Styles > Adjust the style sheet to display the page sharing caption

Adjust the style sheet to display the page sharing caption

1. From Site explorer, click Style sheets. Style sheets appears.
2. Select a style sheet and click Click here to edit this style sheet under Action. The Style sheet text editor screen appears.
3. To load the Page Sharing CSS selectors that allow you to edit the appearance of the part on your web pages, click Insert CSS selectors. The Insert CSS Selectors screen appears.
4. In the Insert selectors for field, select Page Sharing. To include the Page Sharing default style settings along with the names, select Include defaults.
5. Click Insert. You return to the style sheet editor, and the Page Sharing selectors appear in a new section within the editor.
6. Enter the styles to display the caption users can expand and collapse.
a. Under .PageSharingLink, enter display:block.
b. Under .PageSharingLinkImage, enter display:block.
c. Under .PageSharingList, enter display:none.
7. By default, when website users expand the list at the caption, sharing services appear horizontally. To display the sharing services vertically:
a. Under .PageSharingListItem, enter float:none.
b. Under .PageSharingListItemLinkImage, enter float:none;display:inline.
8. To apply your changes, click Apply. The styles apply to all layouts, templates, and web pages that use the style sheet.
9. To save your changes, click Save. You return to Style sheets.