{"id":763,"date":"2021-12-05T22:15:36","date_gmt":"2021-12-05T21:15:36","guid":{"rendered":"https:\/\/skabelon.sinnsigngrafisk.dk\/?page_id=763"},"modified":"2021-12-05T22:20:21","modified_gmt":"2021-12-05T21:20:21","slug":"blog-grid-samme-hojde","status":"publish","type":"page","link":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/blog-grid-samme-hojde\/","title":{"rendered":"Blog grid samme h\u00f8jde"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; locked=&#8221;off&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||19px|||&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>BLOG:<\/h1>\n<h3>Samme h\u00f8jde p\u00e5 Blog grid<\/h3>\n<p>&nbsp;<\/p>\n<p>pa-blog-equal-height<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/skabelon.sinnsigngrafisk.dk\/wp-content\/uploads\/2021\/12\/Skaermbillede-2021-12-05-kl.-22.09.16.png&#8221; title_text=&#8221;Sk\u00e6rmbillede 2021-12-05 kl. 22.09.16&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/skabelon.sinnsigngrafisk.dk\/wp-content\/uploads\/2021\/12\/Skaermbillede-2021-12-05-kl.-22.06.10.png&#8221; title_text=&#8221;Sk\u00e6rmbillede 2021-12-05 kl. 22.06.10&#8243; _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.14.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>BLOG:<\/h1>\n<h3>Samme h\u00f8jde p\u00e5 Blog grid<\/h3>\n<p>&nbsp;<\/p>\n<p>&lt;script&gt;<br \/>(function ($) {<br \/>var pa_equalize_button_height = &#8220;true&#8221;;<\/p>\n<p>if (pa_equalize_button_height == &#8220;false&#8221;) {<br \/>function pa_equalize_blog_post_height(blog) {<br \/>var articles = blog.find(&#8216;article&#8217;);<br \/>var heights = [];<\/p>\n<p>articles.each(function () {<br \/>var height = 0;<br \/>height += ($(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).length != 0) ? $(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).outerHeight(true) : 0;<br \/>height += $(this).find(&#8216;.entry-title&#8217;).outerHeight(true);<br \/>height += ($(this).find(&#8216;.post-meta&#8217;).length != 0) ? $(this).find(&#8216;.post-meta&#8217;).outerHeight(true) : 0;<br \/>height += ($(this).find(&#8216;.post-content&#8217;).length != 0) ? $(this).find(&#8216;.post-content&#8217;).outerHeight(true) : 0;<\/p>\n<p>heights.push(height);<br \/>});<\/p>\n<p>var max_height = Math.max.apply(Math, heights);<\/p>\n<p>articles.each(function () {<br \/>$(this).height(max_height);<br \/>});<br \/>}<br \/>} else {<br \/>function pa_equalize_blog_post_height(blog) {<br \/>var articles = blog.find(&#8216;article&#8217;);<br \/>var heights = [];<br \/>var btnheights = [];<\/p>\n<p>articles.each(function () {<br \/>var height = 0;<br \/>var btnheight = 0;<br \/>var basebtnmargin = 20;<\/p>\n<p>height += ($(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).length != 0) ? $(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).outerHeight(true) : 0;<br \/>height += $(this).find(&#8216;.entry-title&#8217;).outerHeight(true);<br \/>height += $(this).find(&#8216;.post-meta&#8217;).outerHeight(true);<br \/>height += $(this).find(&#8216;.post-content&#8217;).outerHeight(true);<\/p>\n<p>btnheight += ($(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).length != 0) ? $(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).outerHeight(true) : 0;<br \/>btnheight += $(this).find(&#8216;.entry-title&#8217;).outerHeight(true);<br \/>btnheight += $(this).find(&#8216;.post-meta&#8217;).outerHeight(true);<br \/>btnheight += $(this).find(&#8220;.post-content p&#8221;).outerHeight(true);<br \/>btnheight += basebtnmargin;<\/p>\n<p>heights.push(height);<br \/>btnheights.push(btnheight);<\/p>\n<p>});<\/p>\n<p>var max_height = Math.max.apply(Math, heights);<br \/>var max_btn_height = Math.max.apply(Math, btnheights);<\/p>\n<p>articles.each(function () {<br \/>$(this).height(max_height);<\/p>\n<p>var eachheight = 0;<br \/>var eachbasebtnmargin = 20;<br \/>eachheight += ($(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).length != 0) ? $(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).outerHeight(true) : 0;<br \/>eachheight += $(this).find(&#8216;.entry-title&#8217;).outerHeight(true);<br \/>eachheight += $(this).find(&#8216;.post-meta&#8217;).outerHeight(true);<br \/>eachheight += $(this).find(&#8220;.post-content p&#8221;).outerHeight(true);<br \/>eachheight += eachbasebtnmargin;<\/p>\n<p>var requiredbtnmargin = (max_btn_height &#8211; eachheight) + eachbasebtnmargin;<br \/>$(this).find(&#8220;.more-link&#8221;).css(&#8220;margin-top&#8221;, requiredbtnmargin + &#8220;px&#8221;);<br \/>});<br \/>}<br \/>}<\/p>\n<p>$(document).ready(function () {<br \/>$(window).resize(function () {<br \/>if ($(this).width() &gt;= 768) {<\/p>\n<p>$(&#8220;.pa-blog-equal-height article&#8221;).each(function () {<br \/>$(this).removeClass(&#8220;pa-auto-height&#8221;);<br \/>$(this).find(&#8220;.more-link&#8221;).removeClass(&#8220;pa-auto-margin&#8221;);<br \/>})<br \/>$(&#8216;.pa-blog-equal-height&#8217;).each(function () {<br \/>pa_equalize_blog_post_height($(this));<br \/>});<\/p>\n<p>$(&#8216;.pa-blog-equal-height&#8217;).each(function () {<br \/>var pa_blog = $(this);<\/p>\n<p>pa_equalize_blog_post_height(pa_blog);<\/p>\n<p>var observer = new MutationObserver(function (mutations) {<br \/>pa_equalize_blog_post_height(pa_blog);<br \/>});<\/p>\n<p>var config = {<br \/>subtree: true,<br \/>childList: true<br \/>};<\/p>\n<p>observer.observe(pa_blog[0], config);<br \/>});<\/p>\n<p>$(document).ajaxComplete(function () {<br \/>$(&#8216;.pa-blog-equal-height&#8217;).imagesLoaded().then(function () {<br \/>$(&#8216;.pa-blog-equal-height&#8217;).each(function () {<br \/>pa_equalize_blog_post_height($(this));<br \/>});<br \/>});<br \/>});<\/p>\n<p>$.fn.imagesLoaded = function () {<br \/>var $imgs = this.find(&#8216;img[src!=&#8221;&#8221;]&#8217;);<br \/>var dfds = [];<\/p>\n<p>if (!$imgs.length) {<br \/>return $.Deferred().resolve().promise();<br \/>}<\/p>\n<p>$imgs.each(function () {<br \/>var dfd = $.Deferred();<br \/>dfds.push(dfd);<br \/>var img = new Image();<\/p>\n<p>img.onload = function () {<br \/>dfd.resolve();<br \/>};<\/p>\n<p>img.onerror = function () {<br \/>dfd.resolve();<br \/>};<\/p>\n<p>img.src = this.src;<br \/>});<\/p>\n<p>return $.when.apply($, dfds);<br \/>}<br \/>} else {<br \/>$(&#8220;.pa-blog-equal-height article&#8221;).each(function () {<br \/>$(this).addClass(&#8220;pa-auto-height&#8221;);<br \/>$(this).find(&#8220;.more-link&#8221;).addClass(&#8220;pa-auto-margin&#8221;);<br \/>})<br \/>}<br \/>});<br \/>});<br \/>})(jQuery);<br \/>&lt;\/script&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>.container:before { background-color:transparent !important; }<br \/>.et_pb_widget_area_right { border-left:0 !important; }<br \/>.et_pb_widget_area_left { border-right:0 !important; }<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>BLOG: Samme h\u00f8jde p\u00e5 Blog grid &nbsp; pa-blog-equal-height &nbsp;BLOG: Samme h\u00f8jde p\u00e5 Blog grid &nbsp; &lt;script&gt;(function ($) {var pa_equalize_button_height = &#8220;true&#8221;; if (pa_equalize_button_height == &#8220;false&#8221;) {function pa_equalize_blog_post_height(blog) {var articles = blog.find(&#8216;article&#8217;);var heights = []; articles.each(function () {var height = 0;height += ($(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).length != 0) ? $(this).find(&#8216;.et_pb_image_container, .et_main_video_container&#8217;).outerHeight(true) : 0;height += $(this).find(&#8216;.entry-title&#8217;).outerHeight(true);height += ($(this).find(&#8216;.post-meta&#8217;).length != [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/pages\/763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/comments?post=763"}],"version-history":[{"count":4,"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/pages\/763\/revisions"}],"predecessor-version":[{"id":771,"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/pages\/763\/revisions\/771"}],"wp:attachment":[{"href":"https:\/\/skabelon.sinnsigngrafisk.dk\/index.php\/wp-json\/wp\/v2\/media?parent=763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}