{"id":269,"date":"2015-07-11T04:28:47","date_gmt":"2015-07-11T04:28:47","guid":{"rendered":"http:\/\/dev.btdev.in\/lander-design\/?page_id=269"},"modified":"2015-09-06T13:18:21","modified_gmt":"2015-09-06T13:18:21","slug":"custom-list-styles","status":"publish","type":"page","link":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/","title":{"rendered":"Custom List Styles"},"content":{"rendered":"<div class=\"content-box yellow light\">\nThe theme defines custom-list shortcode for custom list styles. The theme features 5 custom list styles with 5 color options for each list style.<\/p>\n<h3>Shortcode: [custom-list][\/custom-list]<\/h3>\n<p>This is an enclosing shortcode which outputs custom styles for a list. Here is a list of attributes for this shortcode:<\/p>\n<ul>\n<li>id: Specify <em>id<\/em> attribute for your own custom styling purposes.<\/li>\n<li>class: Specify <em>class<\/em> attribute for your own custom styling purposes.<\/li>\n<li>style: Specify one of the following 5 styles: caret, star, check, pencil, cancel.<\/li>\n<li>color: Specify one of the following 5 colors: color-blue, color-green, color-red, color-yellow, color-pink.<\/li>\n<\/ul>\n<h3>Usage:<\/h3>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&#x5B;&#x5B;custom-list style=&quot;caret&quot; color=&quot;color-blue&quot;]\r\n&lt;ul&gt;\r\n\t&lt;li&gt;Lorem ipsum dolor sit amet, consetetur.&lt;\/li&gt;\r\n\t&lt;li&gt;Diam voluptua at vero eos et accusam et justo.&lt;\/li&gt;\r\n\t&lt;li&gt;Duo dolores et ea rebum stet clita kasd gubergren.&lt;\/li&gt;\t\r\n&lt;\/ul&gt;\r\n&#x5B;\/custom-list]]\r\n<\/pre>\n<\/div>\n<h3>Examples:<\/h3>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<div class=\"custom-list caret color-blue\"> <\/p>\n<ul>\n<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/li>\n<li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/li>\n<li>Diam voluptua at vero eos et accusam et justo.<\/li>\n<li>Duo dolores et ea rebum stet clita kasd gubergren.<\/li>\n<li>No sea takimata sanctus est Lorem ipsum dolor sit amet.<\/li>\n<\/ul>\n<p><\/div>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<div class=\"custom-list star color-pink\"> <\/p>\n<ul>\n<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/li>\n<li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/li>\n<li>Diam voluptua at vero eos et accusam et justo.<\/li>\n<li>Duo dolores et ea rebum stet clita kasd gubergren.<\/li>\n<li>No sea takimata sanctus est Lorem ipsum dolor sit amet.<\/li>\n<\/ul>\n<p><\/div>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<div class=\"custom-list check color-green\"> <\/p>\n<ul>\n<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/li>\n<li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/li>\n<li>Diam voluptua at vero eos et accusam et justo.<\/li>\n<li>Duo dolores et ea rebum stet clita kasd gubergren.<\/li>\n<li>No sea takimata sanctus est Lorem ipsum dolor sit amet.<\/li>\n<\/ul>\n<p><\/div>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<div class=\"custom-list pencil color-yellow\"> <\/p>\n<ul>\n<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/li>\n<li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/li>\n<li>Diam voluptua at vero eos et accusam et justo.<\/li>\n<li>Duo dolores et ea rebum stet clita kasd gubergren.<\/li>\n<li>No sea takimata sanctus est Lorem ipsum dolor sit amet.<\/li>\n<\/ul>\n<p><\/div>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<div class=\"custom-list cancel color-red\"> <\/p>\n<ul>\n<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/li>\n<li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/li>\n<li>Diam voluptua at vero eos et accusam et justo.<\/li>\n<li>Duo dolores et ea rebum stet clita kasd gubergren.<\/li>\n<li>No sea takimata sanctus est Lorem ipsum dolor sit amet.<\/li>\n<\/ul>\n<p><\/div>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The theme defines custom-list shortcode for custom list styles. The theme features 5 custom list styles with 5 color options for each list style. Shortcode: This is an enclosing shortcode which outputs custom styles for a list. Here is a list of attributes for this shortcode: id: Specify id attribute for your own custom styling [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":59,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-269","1":"page","2":"type-page","3":"status-publish","5":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Custom List Styles | Captivate<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom List Styles | Captivate\" \/>\n<meta property=\"og:description\" content=\"The theme defines custom-list shortcode for custom list styles. The theme features 5 custom list styles with 5 color options for each list style. Shortcode: This is an enclosing shortcode which outputs custom styles for a list. Here is a list of attributes for this shortcode: id: Specify id attribute for your own custom styling [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/\" \/>\n<meta property=\"og:site_name\" content=\"Captivate\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/binaryturf\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-06T13:18:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@shivanandwp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/captivate-goodies\\\/custom-list-styles\\\/\",\"url\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/captivate-goodies\\\/custom-list-styles\\\/\",\"name\":\"Custom List Styles | Captivate\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/#website\"},\"datePublished\":\"2015-07-11T04:28:47+00:00\",\"dateModified\":\"2015-09-06T13:18:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/captivate-goodies\\\/custom-list-styles\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/captivate-goodies\\\/custom-list-styles\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/captivate-goodies\\\/custom-list-styles\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Captivate Goodies\",\"item\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/captivate-goodies\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Custom List Styles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/#website\",\"url\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/\",\"name\":\"Captivate\",\"description\":\"Exquisite Flat UI Design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demos.converticacommerce.com\\\/captivate\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom List Styles | Captivate","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/","og_locale":"en_US","og_type":"article","og_title":"Custom List Styles | Captivate","og_description":"The theme defines custom-list shortcode for custom list styles. The theme features 5 custom list styles with 5 color options for each list style. Shortcode: This is an enclosing shortcode which outputs custom styles for a list. Here is a list of attributes for this shortcode: id: Specify id attribute for your own custom styling [&hellip;]","og_url":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/","og_site_name":"Captivate","article_publisher":"https:\/\/www.facebook.com\/binaryturf","article_modified_time":"2015-09-06T13:18:21+00:00","twitter_card":"summary_large_image","twitter_site":"@shivanandwp","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/","url":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/","name":"Custom List Styles | Captivate","isPartOf":{"@id":"https:\/\/demos.converticacommerce.com\/captivate\/#website"},"datePublished":"2015-07-11T04:28:47+00:00","dateModified":"2015-09-06T13:18:21+00:00","breadcrumb":{"@id":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/custom-list-styles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.converticacommerce.com\/captivate\/"},{"@type":"ListItem","position":2,"name":"Captivate Goodies","item":"https:\/\/demos.converticacommerce.com\/captivate\/captivate-goodies\/"},{"@type":"ListItem","position":3,"name":"Custom List Styles"}]},{"@type":"WebSite","@id":"https:\/\/demos.converticacommerce.com\/captivate\/#website","url":"https:\/\/demos.converticacommerce.com\/captivate\/","name":"Captivate","description":"Exquisite Flat UI Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.converticacommerce.com\/captivate\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/pages\/269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":2,"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/pages\/269\/revisions"}],"predecessor-version":[{"id":804,"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/pages\/269\/revisions\/804"}],"up":[{"embeddable":true,"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/pages\/59"}],"wp:attachment":[{"href":"https:\/\/demos.converticacommerce.com\/captivate\/wp-json\/wp\/v2\/media?parent=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}