CSS classes: List items widget

Following is the list of CSS classes applied to List items widget:

CSS class name Class set to  Default HTML tag 
sfsimpleListWrp Widget wrapper in Simple list mode. <div>
sfexpandedListWrp Widget wrapper in Expanded list mode. <div>
sfexpandableListWrp Widget wrapper in Expandable list mode. <div>
sfanchorListWrp Anchors’ wrapper in Anchor list mode. <div>
sfanchoredListWrp Wrapper of lists and lists’ titles in Anchor list mode. <div>
sfpagelistListWrp Widget wrapper in Page list mode. <div>
sflistTitle Single list title. <h2>
sflistList Single list wrapper. <ul>
sflistListItem List item wrapper. <li>
sflistItemTitle List item title. <h3> in lists, <h1> in details view  of Page list mode
sflistListItemExpanded List item title when the list item is expanded in Expandable list mode. <h3>
sflistItemContent List item content. <div>
sfanchorListTitle Anchor list title in Anchor list mode. <h2>
sfanchorList Anchor list wrapper in Anchor list mode. <ul>
sfanchorListItem Single anchor item wrapper in Anchor list mode. <li>
sflistExpandAllLnkWrp Wrapper of Collapse all and Expand all links in Expandable list mode. <div>
sflistExpandAllLnk Expand all link in Expandable list mode. <a>
sflistCollapseAllLnk Collapse all link in Expandable list mode. <a>
sflistItemDetails Wrapper of list item details view in Page list mode. <div>
sflistItemLinkWrp Wrapper of All items link of list item details view in Page list mode. <div>
sflistItemBack All items link of list item details view in Page list mode. <a>

Was this article helpful?