{"id":296,"date":"2015-12-17T15:33:55","date_gmt":"2015-12-17T14:33:55","guid":{"rendered":"https:\/\/demo.wpcasa.com\/bahia\/?page_id=296"},"modified":"2015-12-22T15:46:59","modified_gmt":"2015-12-22T14:46:59","slug":"color-options","status":"publish","type":"page","link":"https:\/\/demo.wpcasa.com\/bahia\/color-options\/","title":{"rendered":"Color Options"},"content":{"rendered":"<h3>Theme Customizer<\/h3>\n<p>Using the WordPress theme customizer on <em>WP-Admin > Appearance > Customize<\/em> it is more than easy to change the main accent color of Elviria using the color picker.<\/p>\n<div class=\"wpsight-image-gallery-sc\">\t\n\t\t<div class=\"wpsight-gallery-350 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:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" 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 decoding=\"async\" src=\"https:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-1280x956.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=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\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-350\" 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-350')[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<p>Apart from the color you can use the customizer to upload your custom header image in seconds.<\/p>\n<p><a href=\"https:\/\/demo.wpcasa.com\/bahia\/header-options\/\" class=\"button\">See Header Options<\/a><\/p>\n<h3>Some Examples<\/h3>\n<p>The possible color options are endless.<\/p>\n<div class=\"wpsight-image-gallery-sc\">\t\n\t\t<div class=\"wpsight-gallery-352-353-354-355 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:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-1.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" 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 decoding=\"async\" src=\"https:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-1-1280x956.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=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\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\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:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-2.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" data-counter=\"1\">\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 decoding=\"async\" src=\"https:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-2-1280x956.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=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\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\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:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-3.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" data-counter=\"2\">\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 decoding=\"async\" src=\"https:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-3-1280x956.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=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\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\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:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-4.jpg\" itemprop=\"contentUrl\" data-size=\"1280x956\" data-counter=\"3\">\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 decoding=\"async\" src=\"https:\/\/demo.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/2\/2015\/12\/wpcasa-bahia-customizer-colors-4-1280x956.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=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"574\">\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-352-353-354-355\" 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-352-353-354-355')[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 Using the WordPress theme customizer on WP-Admin > Appearance > Customize it is more than easy to change the main accent color of Elviria using the color picker. Apart from the color you can use the customizer to upload your custom header image in seconds. See Header Options Some Examples The possible color<span class=\"moretag\"><a class=\"button small\" href=\"https:\/\/demo.wpcasa.com\/bahia\/color-options\/\">More info<\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-296","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages\/296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wpcasa.com\/bahia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wpcasa.com\/bahia\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wpcasa.com\/bahia\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":0,"href":"https:\/\/demo.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages\/296\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.wpcasa.com\/bahia\/wp-json\/wp\/v2\/media?parent=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}