Page 2

Styling header elements

January 28, 2022January 28, 2022 by ryan

h1, .h1 { font-family: $font-family–body; font-size: 1.125rem; font-weight: $font-weight–bold; letter-spacing: .075em; line-height: 1.5555555556; margin: 0; @media only screen and (min-width: $break–laptop) { font-size: 2.25rem; line-height: 1.2222222222; } } h2, .h2 { font-family: $font-family–body; font-size: 1.125rem; font-weight: $font-weight–bold; letter-spacing: .075em; line-height: 1.4285714286; margin: 0; @media only screen and (min-width: $break–laptop) { font-size: 1.75rem; letter-spacing: .05em; line-height: … Read moreStyling header elements

Set device height on mobile

February 1, 2022December 30, 2021 by ryan

twig file if-statement: if variable contains a string

December 23, 2021 by ryan

{% if ‘.local’ in http_host %} <script> console.log({{ _context | json_encode | raw }}); </script> {% endif %}

toggle class onclick()

December 21, 2021December 21, 2021 by ryan

$(document).ready(function() { document.getElementById(‘main’).onclick = function() { let elem = document.querySelectorAll(‘.bedroom-links’); // Add the .hide-show class elem.forEach(function (elem) { elem.classList.toggle(‘hide-show’); }); } })

Getting Started with WebP images

June 15, 2021June 15, 2021 by ryan

https://developers.google.com/speed/webp By default, WordPress will create the sub-sized images in the same image format as the uploaded file. More adventurous users can experiment with Silverstein’s plugin that offers a setting for specifying the default image format used for the sub-sized images WordPress generates. A new wp_editor_set_quality filter is available for developers to modify the quality setting for uploaded images.