{"id":3472,"date":"2014-07-26T17:13:35","date_gmt":"2014-07-26T21:13:35","guid":{"rendered":"http:\/\/www.cogis2020.eval-expert.com\/?page_id=3472"},"modified":"2019-04-08T04:50:00","modified_gmt":"2019-04-08T08:50:00","slug":"content-block","status":"publish","type":"page","link":"https:\/\/www.cogis2020.eval-expert.com\/?page_id=3472","title":{"rendered":"Content Block"},"content":{"rendered":"<h4 class=\"margin-top-3\">Content block shortcode example:<\/h4>\n<div style=\"margin:30px 0 50px;\">\n\t\t\t<style type=\"text\/css\">\n\t\t\t\t#content-block-background-1614 { background-image: url(http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2018\/02\/parallax-bg-m795.jpg); background-position: bottom center; background-repeat: repeat-x; background-color: #242424; background-attachment: fixed; background-size: auto; }\n\t\t\t\t#content-block-body-1614 { padding: 120px 0 100px; color: #FFFFFF; }\n\t\t\t\t.content-block-body { margin-left: auto; margin-right: auto; position: relative; }\n\t\t\t<\/style>\n\t\t\t\t\t\t\t<style type=\"text\/css\">\n\t\t\t\t\t#wrapper-1 { overflow-x: hidden; }\n\t\t\t\t\t#content-block-background-1614 { margin: 0 -10000px; padding: 0 10000px; }\n\t\t\t\t<\/style>\n\t\t\t\n\t\t\t\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t\/\/ <![CDATA[\n\t\t\t\tjQuery(document).ready(function($){\n\t\t\t\t\t\"use strict\";\n\t\t\t\t\tif( ! $(\"body\").hasClass( \"mobile-detected\" ) ){\n\t\t\t\t\t\t$(\"#content-block-background-\"+1614).each(function(){\n\t\t\t\t\t\t\tvar $bgobj = $(this); \/\/ Assigning the object.\n\t\t\t\t\t\t\tvar xPos = 'bottom'; \/\/ x bg position value from the user shortcode.\n\t\t\t\t\t\t\t$(window).scroll(function() {\n\t\t\t\t\t\t\t\tvar yPos = -($(window).scrollTop() \/ 3);\n\t\t\t\t\t\t\t\t\/\/ Put together our final background position.\n\t\t\t\t\t\t\t\tvar coords = xPos+' '+yPos+'px';\n\t\t\t\t\t\t\t\t\/\/ Move the background.\n\t\t\t\t\t\t\t\t$bgobj.css({ backgroundPosition: coords });\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\t\/\/ ]]>\n\t\t\t<\/script>\n\t\t\t\n\t\t\t<div class=\"clear\"><\/div>\n\t\t\t<div id=\"content-block-background-1614\" class=\"content-block-background class-name\">\n\t\t\t\t<div id=\"content-block-body-1614\" class=\"content-block-body\">\n\t\t\t\t\t<div class=\"clear\"><\/div>\n\t\t\t\t\t\n<h2 style=\"color:#ffffff;\">This is an example of a content block. You may insert any content you&rsquo;d like,<span style=\"color:#1AAABA;\"> text, images, video, etc.<\/span><\/h2>\n<h5 style=\"color:#FFFFFF; margin-top:30px;\">Also, you may change the background and set various other options to make it fit your design needs.<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.\t\t\t\t\t<div class=\"clear\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"clear\"><\/div><\/div>\n<h4 style=\"margin:50px 0 20px;\">Here&rsquo;s a break down of all the <em>content block<\/em> shortcode options:<\/h4>\n<ul class=\"list-9\">\n<li><b>bg_image<\/b> &rarr; <em>the link to a background image (where \u00ab\u00a0bg\u00a0\u00bb stands for \u00ab\u00a0background\u00a0\u00bb), if no image is specified the fallback would be bg_color option<\/em><\/li>\n<li><b>max_bg_width<\/b> &rarr;  <em>whether to extend the background to its maximum width and only limited by the width of the browser window &#8211; (possible values: \u00ab\u00a0yes\u00a0\u00bb and \u00ab\u00a0no\u00a0\u00bb)<\/em><\/li>\n<li><b>bg_fixed<\/b> &rarr; <em>as the name suggests, the background will stay fixed, will not scroll along with the page (possible values: \u00ab\u00a0yes\u00a0\u00bb and \u00ab\u00a0no\u00a0\u00bb)<\/em><\/li>\n<li><b>bg_position<\/b> &rarr; <em>use the CSS \u00ab\u00a0background-position\u00a0\u00bb property (read under \u00ab\u00a0Property Values\u00a0\u00bb <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.w3schools.com\/cssref\/pr_background-position.asp\">here<\/a>)<\/em><\/li>\n<li><b>bg_repeat<\/b> &rarr; <em>use the CSS \u00ab\u00a0background-repeat\u00a0\u00bb property (read under \u00ab\u00a0Property Values\u00a0\u00bb <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.w3schools.com\/cssref\/pr_background-repeat.asp\">here)<\/a><\/em><\/li>\n<li><b>bg_size<\/b> &rarr; <em>use the CSS \u00ab\u00a0background-size\u00a0\u00bb property (read under \u00ab\u00a0Property Values\u00a0\u00bb <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.w3schools.com\/cssref\/css3_pr_background-size.asp\">here)<\/a><\/em><\/li>\n<li><b>parallax_scroll<\/b> &rarr; <em>enables and disables <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/en.wikipedia.org\/wiki\/Parallax_scrolling\">parallax scrolling<\/a> respectively (possible values: \u00ab\u00a0yes\u00a0\u00bb and \u00ab\u00a0no\u00a0\u00bb)<\/em><\/li>\n<li><b>bg_color<\/b> &rarr; <em>self explanatory (possible values: whatever CSS acceptable value for color is, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.w3schools.com\/cssref\/css_colors.asp\">more<\/a>)<\/em><\/li>\n<li><b>font_color<\/b> &rarr; <em>content text color (possible values: whatever CSS acceptable value for color is, <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.w3schools.com\/cssref\/css_colors.asp\">more<\/a>)<\/em><\/li>\n<li><b>content_padding<\/b> &rarr; <em>you may use the shorthand notation of CSS padding property (<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\/\/www.w3schools.com\/cssref\/pr_padding.asp\">more<\/a>)<\/em><\/li>\n<li><b>class<\/b> &rarr; <em>advanced option for those who know how to work with CSS. They could pass a unique class that will apply specifically to this instance of the content_block and thus can be used to apply some custom styling specifically to this instance if so desired<\/em><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Content block shortcode example: Here&rsquo;s a break down of all the content block shortcode options: bg_image &rarr; the link to a background image (where \u00ab\u00a0bg\u00a0\u00bb stands for \u00ab\u00a0background\u00a0\u00bb), if no image is specified the fallback would be bg_color option max_bg_width &rarr; whether to extend the background to<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":59,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"page-FullWidth.php","meta":{"footnotes":""},"class_list":["post-3472","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/3472"}],"collection":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3472"}],"version-history":[{"count":0,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/3472\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/59"}],"wp:attachment":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}