{"id":49551,"date":"2016-12-05T10:58:09","date_gmt":"2016-12-05T10:58:09","guid":{"rendered":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/"},"modified":"2016-12-05T10:58:09","modified_gmt":"2016-12-05T10:58:09","slug":"6-blog-grid-background-overlap","status":"publish","type":"page","link":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/","title":{"rendered":"6. Blog grid &#8211; background overlap"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.bottom-overlap-layout-list .post-entry-content {\n  margin-top: -80px;\n  width: 75%;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.bottom-overlap-layout-list:not(.mode-list) .no-img .post-entry-content {\n  margin-top: 0;\n  width: 100%;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.bottom-overlap-layout-list.mode-list .no-img .post-entry-content {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .filter-bg-decoration .filter-categories a.act {\n  color: #fff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.dividers-on:not(.mode-masonry) article {\n  margin-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.dividers-on:not(.mode-masonry) article:first-of-type,\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.dividers-on:not(.mode-masonry) article.visible.first:not(.product) {\n  margin-top: 0;\n  padding-top: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-thumbnail-wrap {\n  padding: 0px 0px 0px 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.enable-bg-rollover .post-thumbnail-rollover:after {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico {\n  width: 44px;\n  height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  margin: -22px 0 0 -22px;\n  border-width: 0px;\n  color: #ffffff;\n}\n.bottom-overlap-layout-list.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico {\n  margin-top: -62px;\n}\n.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico,\n.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico {\n  margin: 0 0 10px;\n}\n.content-align-center.gradient-overlay-layout-list.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico,\n.content-align-center.content-rollover-layout-list.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico {\n  margin: 0 auto 10px;\n}\n.dt-icon-bg-on.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico:before {\n  font-size: 32px;\n  line-height: 44px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico > span,\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .gallery-zoom-ico:before {\n  color: #ffffff;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .entry-title,\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.owl-carousel .entry-title {\n  margin-bottom: 8px;\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: bold;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .entry-meta {\n  margin-bottom: 7px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .portfolio-categories {\n  margin-bottom: 7px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .entry-excerpt {\n  margin-bottom: 0px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.centered-layout-list) .post-entry-content {\n  padding: 25px 30px 0px 30px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.centered-layout-list):not(.content-bg-on):not(.mode-list) .no-img .post-entry-content {\n  padding: 0;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.content-bg-on:not(.classic-layout-list):not(.centered-layout-list) .post-entry-content {\n  background: #ffffff;\n  box-shadow: none;\n}\n@media screen and (max-width: ) {\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c article {\n    -ms-flex-flow: column nowrap;\n    flex-flow: column nowrap;\n    margin-top: 20px;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.dividers-on article {\n    border: none;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.content-bg-on.centered-layout-list article {\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.blog-shortcode.dividers-on article,\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.dividers-on.classic-layout-list article {\n    margin-top: 20px;\n    padding: 0;\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.blog-shortcode.dividers-on article:first-of-type,\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.dividers-on.classic-layout-list article:first-of-type {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-entry-content {\n    width: 100%;\n    margin: 0;\n    top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-thumbnail-wrap {\n    padding: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-entry-content:after {\n    display: none;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .project-even .post-thumbnail-wrap,\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.centered-layout-list .post-thumbnail-wrap {\n    -ms-flex-order: 0;\n    order: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.centered-layout-list .post-entry-title-content {\n    -ms-flex-order: 1;\n    order: 1;\n    width: 100%;\n    padding: 20px 20px 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.centered-layout-list .post-entry-content {\n    -ms-flex-order: 2;\n    order: 2;\n    padding-top: 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .fancy-categories {\n    top: 10px;\n    left: 10px;\n    bottom: auto;\n    right: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .fancy-date a {\n    top: 10px;\n    right: 10px;\n    left: auto;\n    bottom: auto;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-entry-content {\n    padding: 20px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .entry-title {\n    margin: 3px 0 5px;\n    font-size: 20px;\n    line-height: 26px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .entry-meta {\n    margin: 5px 0 5px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .entry-excerpt {\n    margin: 15px 0 0;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-details {\n    margin: 5px 0 10px;\n  }\n  #page .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c .post-details.details-type-link {\n    margin-bottom: 2px;\n  }\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.resize-by-browser-width) .dt-css-grid {\n  grid-row-gap: 50px;\n  grid-column-gap: 50px;\n  grid-template-columns: repeat(auto-fill,minmax(,1fr));\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.resize-by-browser-width) .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.resize-by-browser-width) .dt-css-grid,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.resize-by-browser-width) .dt-css-grid {\n  display: flex;\n  flex-flow: row wrap;\n  margin: -25px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.resize-by-browser-width) .dt-css-grid .wf-cell,\n.no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c:not(.resize-by-browser-width) .dt-css-grid .wf-cell {\n  flex: 1 0 ;\n  max-width: 100%;\n  padding: 25px;\n  box-sizing: border-box;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid {\n  grid-template-columns: repeat(2,1fr);\n  grid-template-rows: auto;\n  grid-column-gap: 50px;\n  grid-row-gap: 50px;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .double-width {\n  grid-column: span 2;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid {\n  margin: -25px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell {\n  width: 50%;\n  padding: 25px;\n}\n.cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n  width: calc(50%) * 2;\n}\n.blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {\n  grid-row-gap: 50px;\n}\n@media screen and (max-width: 1199px) {\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 991px) {\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 50%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(50%)*2;\n  }\n}\n@media screen and (max-width: 767px) {\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid {\n    grid-template-columns: repeat(1,1fr);\n  }\n  .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .double-width {\n    grid-column: span 1;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell {\n    width: 100%;\n  }\n  .cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell.double-width,\n  .no-cssgridlegacy.no-cssgrid .blog-shortcode.blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c.resize-by-browser-width .dt-css-grid .wf-cell.double-width {\n    width: calc(100%)*2;\n  }\n}<\/style><div class=\"blog-shortcode blog-masonry-shortcode-id-863621a50d336c2eb044f46425bc099c mode-grid bottom-overlap-layout-list content-bg-on vertical-fancy-style dt-css-grid-wrap dt-icon-bg-off resize-by-browser-width loading-effect-none description-under-image \" data-padding=\"25px\" data-cur-page=\"1\" data-post-limit=\"-1\" data-pagination-mode=\"pages\" data-desktop-columns-num=\"2\" data-v-tablet-columns-num=\"2\" data-h-tablet-columns-num=\"2\" data-phone-columns-num=\"1\" data-width=\"0px\" data-columns=\"0\"><div class=\"dt-css-grid\" ><div class=\"visible wf-cell\" data-post-id=\"1\" data-date=\"2026-03-27T14:39:10+00:00\" data-name=\"Hello world!\"><article class=\"post project-odd visible no-img post-1 type-post status-publish format-standard hentry category-uncategorized category-1\" data-name=\"Hello world!\" data-date=\"2026-03-27T14:39:10+00:00\">\n\n<div class=\"post-entry-content\">\n\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2026\/03\/27\/hello-world\/\" title=\"Hello world!\" rel=\"bookmark\">Hello world!<\/a>\n\t<\/h3>\n\n\t<div class=\"entry-meta\"><a href=\"https:\/\/www.flankeo.com\/index.php\/2026\/03\/27\/\" title=\"2:39 pm\" class=\"data-link\" rel=\"bookmark\"><time class=\"entry-date updated\" datetime=\"2026-03-27T14:39:10+00:00\">March 27, 2026<\/time><\/a><\/div>\n\t<div class=\"entry-excerpt\"><p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!<\/p>\n<\/div>\n\t\n<a href=\"https:\/\/www.flankeo.com\/index.php\/2026\/03\/27\/hello-world\/\" class=\"post-details details-type-link\" aria-label=\"Read more about Hello world!\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"15120\" data-date=\"2016-09-30T10:40:51+00:00\" data-name=\"5 Reasons lorem ipsum dolor\"><article class=\"post project-odd visible post-15120 type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-article tag-blog tag-design tag-news tag-premium tag-theme tag-themeforest tag-web tag-wordpress category-16 media-wide\" data-name=\"5 Reasons lorem ipsum dolor\" data-date=\"2016-09-30T10:40:51+00:00\">\n\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\t\t\n\t\t<span class=\"fancy-categories\"><a href=\"https:\/\/www.flankeo.com\/index.php\/category\/technology\/\" rel=\"category tag\">Design<\/a><\/span>\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/30\/5-reasons-lorem-ipsum-dolor\/\" class=\"post-thumbnail-rollover layzr-bg layzr-bg\" ><img fetchpriority=\"high\" decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%20384&#39;%2F%3E\" data-src=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-13-768x384.jpg\" data-srcset=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-13-768x384.jpg 768w, https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-13-1152x576.jpg 1152w\" loading=\"eager\" style=\"--ratio: 768 \/ 384\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\"  width=\"768\" height=\"384\"  \/><\/a>\t<\/div>\n<\/div>\n\n\n<div class=\"post-entry-content\">\n\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/30\/5-reasons-lorem-ipsum-dolor\/\" title=\"5 Reasons lorem ipsum dolor\" rel=\"bookmark\">5 Reasons lorem ipsum dolor<\/a>\n\t<\/h3>\n\n\t<div class=\"entry-meta\"><a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/30\/\" title=\"10:40 am\" class=\"data-link\" rel=\"bookmark\"><time class=\"entry-date updated\" datetime=\"2016-09-30T10:40:51+00:00\">September 30, 2016<\/time><\/a><\/div>\n\t<div class=\"entry-excerpt\"><p>Duis ornare, est at lobortis mollis &#8211; libero mollis  facilisis dolorus urabitur orci, vitae congue neque lectus neque. Aliquam lorem ipsum amet dolor ultrices erat.<\/p>\n<\/div>\n\t\n<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/30\/5-reasons-lorem-ipsum-dolor\/\" class=\"post-details details-type-link\" aria-label=\"Read more about 5 Reasons lorem ipsum dolor\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"86\" data-date=\"2016-09-20T11:20:18+00:00\" data-name=\"Vivamus aliquam ictum\"><article class=\"post project-odd visible post-86 type-post status-publish format-standard has-post-thumbnail hentry category-travel tag-article tag-blog tag-theme tag-themeforest tag-wordpress category-19\" data-name=\"Vivamus aliquam ictum\" data-date=\"2016-09-20T11:20:18+00:00\">\n\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\t\t\n\t\t<span class=\"fancy-categories\"><a href=\"https:\/\/www.flankeo.com\/index.php\/category\/travel\/\" rel=\"category tag\">Travel<\/a><\/span>\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/20\/vivamus-aliquam-ictum\/\" class=\"post-thumbnail-rollover layzr-bg layzr-bg\" ><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%20384&#39;%2F%3E\" data-src=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-60-768x384.jpg\" data-srcset=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-60-768x384.jpg 768w, https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-60-1152x576.jpg 1152w\" loading=\"eager\" style=\"--ratio: 768 \/ 384\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\"  width=\"768\" height=\"384\"  \/><\/a>\t<\/div>\n<\/div>\n\n\n<div class=\"post-entry-content\">\n\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/20\/vivamus-aliquam-ictum\/\" title=\"Vivamus aliquam ictum\" rel=\"bookmark\">Vivamus aliquam ictum<\/a>\n\t<\/h3>\n\n\t<div class=\"entry-meta\"><a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/20\/\" title=\"11:20 am\" class=\"data-link\" rel=\"bookmark\"><time class=\"entry-date updated\" datetime=\"2016-09-20T11:20:18+00:00\">September 20, 2016<\/time><\/a><\/div>\n\t<div class=\"entry-excerpt\"><p>Nam id sem quis mauris porttitor consequat id vitae dolor. Phasellus ligula, molestie mi at pharetra.<\/p>\n<\/div>\n\t\n<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/20\/vivamus-aliquam-ictum\/\" class=\"post-details details-type-link\" aria-label=\"Read more about Vivamus aliquam ictum\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"97\" data-date=\"2016-09-19T11:59:07+00:00\" data-name=\"Lorem ipsum elit nulla emet\"><article class=\"post project-odd visible post-97 type-post status-publish format-standard has-post-thumbnail hentry category-lifestyle tag-article tag-blog tag-theme tag-themeforest tag-wordpress category-17\" data-name=\"Lorem ipsum elit nulla emet\" data-date=\"2016-09-19T11:59:07+00:00\">\n\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\t\t\n\t\t<span class=\"fancy-categories\"><a href=\"https:\/\/www.flankeo.com\/index.php\/category\/lifestyle\/\" rel=\"category tag\">Lifestyle<\/a><\/span>\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/19\/lore-ipsum-elit-nulla-amet\/\" class=\"post-thumbnail-rollover layzr-bg layzr-bg\" ><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%20384&#39;%2F%3E\" data-src=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-12-768x384.jpg\" data-srcset=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-12-768x384.jpg 768w, https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/17-10-17-12-1152x576.jpg 1152w\" loading=\"eager\" style=\"--ratio: 768 \/ 384\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\"  width=\"768\" height=\"384\"  \/><\/a>\t<\/div>\n<\/div>\n\n\n<div class=\"post-entry-content\">\n\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/19\/lore-ipsum-elit-nulla-amet\/\" title=\"Lorem ipsum elit nulla emet\" rel=\"bookmark\">Lorem ipsum elit nulla emet<\/a>\n\t<\/h3>\n\n\t<div class=\"entry-meta\"><a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/19\/\" title=\"11:59 am\" class=\"data-link\" rel=\"bookmark\"><time class=\"entry-date updated\" datetime=\"2016-09-19T11:59:07+00:00\">September 19, 2016<\/time><\/a><\/div>\n\t<div class=\"entry-excerpt\"><p>Duis ornare, est at mollis for libero mollis orci vitae dictum lacus furgi nulla amet for quis neque lectus vel neque.<\/p>\n<\/div>\n\t\n<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/19\/lore-ipsum-elit-nulla-amet\/\" class=\"post-details details-type-link\" aria-label=\"Read more about Lorem ipsum elit nulla emet\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"15346\" data-date=\"2016-09-18T14:19:38+00:00\" data-name=\"Vivamus aliquam ornare sapien\"><article class=\"post project-odd visible post-15346 type-post status-publish format-standard has-post-thumbnail hentry category-lifestyle tag-article tag-dream-theme tag-life tag-photo tag-themeforest category-17\" data-name=\"Vivamus aliquam ornare sapien\" data-date=\"2016-09-18T14:19:38+00:00\">\n\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\t\t\n\t\t<span class=\"fancy-categories\"><a href=\"https:\/\/www.flankeo.com\/index.php\/category\/lifestyle\/\" rel=\"category tag\">Lifestyle<\/a><\/span>\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/vivamus-aliquam-ornare-sapien\/\" class=\"post-thumbnail-rollover layzr-bg layzr-bg\" ><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%20384&#39;%2F%3E\" data-src=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/10\/17-10-17-9-768x384.jpg\" data-srcset=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/10\/17-10-17-9-768x384.jpg 768w, https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/10\/17-10-17-9-1152x576.jpg 1152w\" loading=\"eager\" style=\"--ratio: 768 \/ 384\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\"  width=\"768\" height=\"384\"  \/><\/a>\t<\/div>\n<\/div>\n\n\n<div class=\"post-entry-content\">\n\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/vivamus-aliquam-ornare-sapien\/\" title=\"Vivamus aliquam ornare sapien\" rel=\"bookmark\">Vivamus aliquam ornare sapien<\/a>\n\t<\/h3>\n\n\t<div class=\"entry-meta\"><a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/\" title=\"2:19 pm\" class=\"data-link\" rel=\"bookmark\"><time class=\"entry-date updated\" datetime=\"2016-09-18T14:19:38+00:00\">September 18, 2016<\/time><\/a><\/div>\n\t<div class=\"entry-excerpt\"><p>Donec eros scelerisque feugiat neque eu bibendum volutpat fringilla venenatis, eros scelerisque volutpat fringilla.<\/p>\n<\/div>\n\t\n<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/vivamus-aliquam-ornare-sapien\/\" class=\"post-details details-type-link\" aria-label=\"Read more about Vivamus aliquam ornare sapien\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n\n<\/div><\/article><\/div><div class=\"visible wf-cell\" data-post-id=\"12689\" data-date=\"2016-09-18T13:48:37+00:00\" data-name=\"Nulla ipsum etiam dolor\"><article class=\"post project-odd visible post-12689 type-post status-publish format-standard has-post-thumbnail hentry category-technology tag-article tag-blog tag-design tag-theme tag-themeforest tag-wordpress tag-world category-16\" data-name=\"Nulla ipsum etiam dolor\" data-date=\"2016-09-18T13:48:37+00:00\">\n\n<div class=\"post-thumbnail-wrap\">\n\t<div class=\"post-thumbnail\">\n\t\t\n\t\t<span class=\"fancy-categories\"><a href=\"https:\/\/www.flankeo.com\/index.php\/category\/technology\/\" rel=\"category tag\">Design<\/a><\/span>\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/nulla-ipsum-etiam-dolor\/\" class=\"post-thumbnail-rollover layzr-bg layzr-bg\" ><img decoding=\"async\" class=\"iso-lazy-load preload-me iso-lazy-load aspect\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D&#39;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#39;%20viewBox%3D&#39;0%200%20768%20384&#39;%2F%3E\" data-src=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/24-10-17-46-768x384.jpg\" data-srcset=\"https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/24-10-17-46-768x384.jpg 768w, https:\/\/www.flankeo.com\/wp-content\/uploads\/2016\/09\/24-10-17-46-1152x576.jpg 1152w\" loading=\"eager\" style=\"--ratio: 768 \/ 384\" sizes=\"(max-width: 768px) 100vw, 768px\" alt=\"\"  width=\"768\" height=\"384\"  \/><\/a>\t<\/div>\n<\/div>\n\n\n<div class=\"post-entry-content\">\n\n\t<h3 class=\"entry-title\">\n\t\t<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/nulla-ipsum-etiam-dolor\/\" title=\"Nulla ipsum etiam dolor\" rel=\"bookmark\">Nulla ipsum etiam dolor<\/a>\n\t<\/h3>\n\n\t<div class=\"entry-meta\"><a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/\" title=\"1:48 pm\" class=\"data-link\" rel=\"bookmark\"><time class=\"entry-date updated\" datetime=\"2016-09-18T13:48:37+00:00\">September 18, 2016<\/time><\/a><\/div>\n\t<div class=\"entry-excerpt\"><p>Vestibulum et metus nulla. Hitrices orci leo, et feugiat eros tristique et. Proin ligula justo, iaculis quis ornare in, orem ipsum dolor glavrida.<\/p>\n<\/div>\n\t\n<a href=\"https:\/\/www.flankeo.com\/index.php\/2016\/09\/18\/nulla-ipsum-etiam-dolor\/\" class=\"post-details details-type-link\" aria-label=\"Read more about Nulla ipsum etiam dolor\">Read more<i class=\"dt-icon-the7-arrow-03\" aria-hidden=\"true\"><\/i><\/a>\n\n<\/div><\/article><\/div><\/div><!-- iso-container|iso-grid --><div class=\"paginator\" role=\"navigation\"><span class=\"nav-prev disabled\">\u2192<\/span><a href=\"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49551\/\" class=\"page-numbers act\" data-page-num=\"1\">1<\/a><a href=\"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49551\/page\/2\/\" class=\"page-numbers \" data-page-num=\"2\">2<\/a><a href=\"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49551\/page\/3\/\" class=\"page-numbers \" data-page-num=\"3\">3<\/a><a href=\"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49551\/page\/4\/\" class=\"page-numbers \" data-page-num=\"4\">4<\/a><a href=\"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49551\/page\/2\/\" class=\"page-numbers nav-next filter-item\" data-page-num=\"2\" >\u2192<\/a><\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":49482,"menu_order":60,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-49551","page","type-page","status-publish","hentry","description-off"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>6. Blog grid - background overlap - Paris American Academy<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6. Blog grid - background overlap - Paris American Academy\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][\/vc_column][\/vc_row]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/\" \/>\n<meta property=\"og:site_name\" content=\"Paris American Academy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.flankeo.com\\\/index.php\\\/blog\\\/blog-grid\\\/6-blog-grid-background-overlap\\\/\",\"url\":\"https:\\\/\\\/www.flankeo.com\\\/index.php\\\/blog\\\/blog-grid\\\/6-blog-grid-background-overlap\\\/\",\"name\":\"6. Blog grid - background overlap - Paris American Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.flankeo.com\\\/#website\"},\"datePublished\":\"2016-12-05T10:58:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.flankeo.com\\\/index.php\\\/blog\\\/blog-grid\\\/6-blog-grid-background-overlap\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.flankeo.com\\\/index.php\\\/blog\\\/blog-grid\\\/6-blog-grid-background-overlap\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.flankeo.com\\\/index.php\\\/blog\\\/blog-grid\\\/6-blog-grid-background-overlap\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.flankeo.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.flankeo.com\\\/index.php\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Blog grid\",\"item\":\"https:\\\/\\\/www.flankeo.com\\\/index.php\\\/blog\\\/blog-grid\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"6. Blog grid &#8211; background overlap\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.flankeo.com\\\/#website\",\"url\":\"https:\\\/\\\/www.flankeo.com\\\/\",\"name\":\"Paris American Academy\",\"description\":\"tagline\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.flankeo.com\\\/?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":"6. Blog grid - background overlap - Paris American Academy","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"6. Blog grid - background overlap - Paris American Academy","og_description":"[vc_row][vc_column][\/vc_column][\/vc_row]","og_url":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/","og_site_name":"Paris American Academy","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/","url":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/","name":"6. Blog grid - background overlap - Paris American Academy","isPartOf":{"@id":"https:\/\/www.flankeo.com\/#website"},"datePublished":"2016-12-05T10:58:09+00:00","breadcrumb":{"@id":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/6-blog-grid-background-overlap\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.flankeo.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.flankeo.com\/index.php\/blog\/"},{"@type":"ListItem","position":3,"name":"Blog grid","item":"https:\/\/www.flankeo.com\/index.php\/blog\/blog-grid\/"},{"@type":"ListItem","position":4,"name":"6. Blog grid &#8211; background overlap"}]},{"@type":"WebSite","@id":"https:\/\/www.flankeo.com\/#website","url":"https:\/\/www.flankeo.com\/","name":"Paris American Academy","description":"tagline","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.flankeo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/comments?post=49551"}],"version-history":[{"count":0,"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49551\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/pages\/49482"}],"wp:attachment":[{"href":"https:\/\/www.flankeo.com\/index.php\/wp-json\/wp\/v2\/media?parent=49551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}