{"id":296,"date":"2015-12-17T15:33:55","date_gmt":"2015-12-17T14:33:55","guid":{"rendered":"http:\/\/demo.wpcasa.com\/sylt\/?page_id=296"},"modified":"2015-12-17T15:33:55","modified_gmt":"2015-12-17T14:33:55","slug":"color-options","status":"publish","type":"page","link":"https:\/\/try.wpcasa.com\/sylt\/color-options\/","title":{"rendered":"Color Options"},"content":{"rendered":"<h3>Theme Customizer<\/h3>\n<p>With the WordPress theme customizer on <em>WP-Admin &gt; Appearance &gt; Customize<\/em> it is more than easy to change the color scheme of the theme using the color picker.<\/p>\n<div class=\"wpsight-image-gallery-sc\">\t\n\t\t<div class=\"wpsight-gallery-466 wpsight-gallery\" itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\">\n\t\t\t\t\t\n\t\t\t<div class=\"row uniform 100%\">\n\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"wpsight-gallery-item-u 12u 1u(medium)\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<figure class=\"wpsight-gallery-item image fit\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/try.wpcasa.com\/sylt\/wp-content\/uploads\/sites\/23\/2015\/12\/wpcasa-sylt-color-options.jpg\" itemprop=\"contentUrl\" data-size=\"1280x1280\" data-counter=\"0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/try.wpcasa.com\/sylt\/wp-content\/uploads\/sites\/23\/2015\/12\/wpcasa-sylt-color-options-1024x1024.jpg\" itemprop=\"thumbnail\" alt=\"\" \/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"width\" content=\"720\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"720\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div><!-- .row uniform -->\n\t\t\n\t\t<\/div>\n\t<!-- Root element of PhotoSwipe. Must have class pswp. -->\n\t<div id=\"wpsight-gallery-466\" class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t    <div class=\"pswp__bg\"><\/div>\n\t    <div class=\"pswp__scroll-wrap\">\n\t        <div class=\"pswp__container\">\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t        <\/div>\n\t        <div class=\"pswp__ui pswp__ui--hidden\">\t\t\n\t            <div class=\"pswp__top-bar\">\n\t            \n\t                <div class=\"pswp__counter\"><\/div>\n\t                \n\t                \t                <button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"><\/button>\n\t                \t                \n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--fs\" title=\"Fullscreen\"><\/button>\n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom\"><\/button>\n\t                \t                \n\t                <div class=\"pswp__preloader\">\n\t                    <div class=\"pswp__preloader__icn\">\n\t                      <div class=\"pswp__preloader__cut\">\n\t                        <div class=\"pswp__preloader__donut\"><\/div>\n\t                      <\/div>\n\t                    <\/div>\n\t                <\/div>\n\t            <\/div>\t\t\n\t            <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\n\t                <div class=\"pswp__share-tooltip\"><\/div> \n\t            <\/div>\n\t            \n\t            \t            <button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous\">\n\t            <\/button>\t\t\n\t            <button class=\"pswp__button pswp__button--arrow--right\" title=\"Next\">\n\t            <\/button>\n\t            \t            \n\t            <div class=\"pswp__caption\">\n\t                <div class=\"pswp__caption__center\"><\/div>\n\t            <\/div>\t\t\n\t        <\/div>\t\t\n\t    <\/div>\t\t\n\t<\/div>\t\n\t<script type=\"text\/javascript\">\n\t\t(function($) {\n\t\t    var $pswp = $('#wpsight-gallery-466')[0];\n\t\t    var image = [];\n\t\t\n\t\t    $('.wpsight-gallery').each( function() {\n\t\t        var $pic     = $(this),\n\t\t            getItems = function() {\n\t\t                var items = [];\n\t\t                $pic.find('a').each(function() {\n\t\t                    var $href   = $(this).attr('href'),\n\t\t                        $size   = $(this).data('size').split('x'),\n\t\t                        $width  = $size[0],\n\t\t                        $height = $size[1],\n\t\t                        $title  = $(this).find('meta[itemprop=title]').attr('content');\n\t\t\n\t\t                    var item = {\n\t\t                        src  : $href,\n\t\t                        w    : $width,\n\t\t                        h    : $height,\n\t\t                        title: $title\n\t\t                    }\n\t\t\n\t\t                    items.push(item);\n\t\t                });\n\t\t                return items;\n\t\t            }\n\t\t\n\t\t        var items = getItems();\n\t\t\n\t\t        $.each(items, function(index, value) {\n\t\t            image[index]     = new Image();\n\t\t            image[index].src = value['src'];\n\t\t        });\n\t\t\n\t\t        $pic.on('click', '.wpsight-gallery-item a', function(event) {\n\t\t            event.preventDefault();\n\t\t            \n\t\t            var $index = $(this).data('counter');\n\t\t            \n\t\t            var options = {\n\t\t                index: $index,\n\t\t                bgOpacity: 0.8,\n\t\t                showHideOpacity: true\n\t\t            }\n\t\t\n\t\t            var lightBox = new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);\n\t\t            lightBox.init();\n\t\t        });\n\t\t    });\n\t\t})(jQuery);\n\t<\/script><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Theme Customizer With the WordPress theme customizer on WP-Admin &gt; Appearance &gt; Customize it is more than easy to change the color scheme of the theme using the color picker.<\/p>\n","protected":false},"author":52,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/try.wpcasa.com\/sylt\/wp-json\/wp\/v2\/pages\/296"}],"collection":[{"href":"https:\/\/try.wpcasa.com\/sylt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/try.wpcasa.com\/sylt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/try.wpcasa.com\/sylt\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/try.wpcasa.com\/sylt\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":0,"href":"https:\/\/try.wpcasa.com\/sylt\/wp-json\/wp\/v2\/pages\/296\/revisions"}],"wp:attachment":[{"href":"https:\/\/try.wpcasa.com\/sylt\/wp-json\/wp\/v2\/media?parent=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}