{"id":3925,"date":"2023-06-04T10:16:49","date_gmt":"2023-06-04T08:16:49","guid":{"rendered":"https:\/\/www.knowboard.de\/?p=3925"},"modified":"2023-06-04T10:16:51","modified_gmt":"2023-06-04T08:16:51","slug":"css-trick-stretch-column-to-full-left-or-right-in-wpbakery","status":"publish","type":"post","link":"https:\/\/www.knowboard.de\/css-trick-stretch-column-to-full-left-or-right-in-wpbakery\/","title":{"rendered":"CSS-Trick: Stretch Column to full left or right in WPBakery"},"content":{"rendered":"\n\n\/*STRETCH COLUMN: APPLY CLASS TO ROW AND SET TO FULL WIDTH NO PADDING AND DEFAULT GUTTER*\/\n@media only screen and (min-width: 1280px) {\n\t.extend-right:not(.ui-sortable) .vc_column_container:first-child,\n\t.extend-right .vc_vc_column:first-child {\n\t\tpadding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px));\n\t}\n\t.extend-left:not(.ui-sortable) .vc_column_container:last-child,\n\t.extend-left .vc_vc_column:last-child {\n\t\tpadding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px));\n\t\tpadding-right: 200px;\n\n\t}\n}\n@media only screen and (max-width: 1279px) {\n\t.extend-right.wpex-vc-full-width-section, .extend-right.wpex-vc-full-width-row,\n\t.extend-left.wpex-vc-full-width-section, .extend-left.wpex-vc-full-width-row {\t\t\n\t\twidth: unset !important;\n\t\tleft: unset !important;\n\t\tmargin-left: unset !important;\n\t\tmargin-right: unset !important;\n\t}\n}\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"\/*STRETCH COLUMN: APPLY CLASS TO ROW AND SET TO FULL WIDTH NO PADDING AND DEFAULT GUTTER*\/ @media only screen and (min-width: 1280px) { .extend-right:not(.ui-sortable) .vc_column_container:first-child, .extend-right .vc_vc_column:first-child { padding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px)); } .extend-left:not(.ui-sortable) .vc_column_container:last-child, .extend-left .vc_vc_column:last-child { padding-left: calc(100vw + var(--wpex-vc-gutter) - var(--wpex-container-max-width, 980px)); padding-right: 200px; } } @media only screen…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-3925","post","type-post","status-publish","format-standard","hentry","category-allgemein","entry","no-media"],"_links":{"self":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/comments?post=3925"}],"version-history":[{"count":1,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3925\/revisions"}],"predecessor-version":[{"id":3928,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/posts\/3925\/revisions\/3928"}],"wp:attachment":[{"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/media?parent=3925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/categories?post=3925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowboard.de\/wp-json\/wp\/v2\/tags?post=3925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}