{"version":"1.0","provider_name":"Toolset","provider_url":"https:\/\/toolset.com\/es\/","author_name":"Cloe","author_url":"https:\/\/toolset.com\/es\/author\/cloe-m\/","title":"Styling a Site Header and Footer in WordPress - Toolset","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"WpnMlnEDgT\"><a href=\"https:\/\/toolset.com\/es\/course-lesson\/styling-a-site-header-and-footer\/\">Styling a Site Header and Footer<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/toolset.com\/es\/course-lesson\/styling-a-site-header-and-footer\/embed\/#?secret=WpnMlnEDgT\" width=\"600\" height=\"338\" title=\"&#8220;Styling a Site Header and Footer&#8221; &#8212; Toolset\" data-secret=\"WpnMlnEDgT\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/toolset.com\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/toolset.com\/wp-content\/uploads\/2021\/04\/design-c4-l4.png","thumbnail_width":1920,"thumbnail_height":1080,"description":"Designing the Header Don\u2019t reinvent the wheel when it comes to your header. It\u2019s important that users navigate without getting confused, so try to make sure that your header has all the expected elements in sensible places.&nbsp; Some examples of useful header elements are: Site logo Navigation menu Search bar Language switcher Contact or call-to-action [&hellip;]"}