{"id":601,"date":"2021-09-21T21:39:44","date_gmt":"2021-09-22T04:39:44","guid":{"rendered":"https:\/\/sombermoose.com\/?page_id=601"},"modified":"2025-09-08T19:44:45","modified_gmt":"2025-09-09T02:44:45","slug":"a-couple-of-technical-items","status":"publish","type":"page","link":"https:\/\/sombermoose.com\/index.php\/a-couple-of-technical-items\/","title":{"rendered":"Using Custom CSS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Using the Custom CSS feature on WordPress is a little bit tricky. There are two parts to the process:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Define the CSS class<\/li>\n\n\n\n<li>place the CSS class in the advanced field on the post or page.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"1024\" src=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css-895x1024.png\" alt=\"\" class=\"wp-image-602\" srcset=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css-895x1024.png 895w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css-262x300.png 262w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css-768x879.png 768w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css-230x263.png 230w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css-350x401.png 350w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css-480x549.png 480w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/define-css.png 898w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Classes are defined in the Appearance Customization area, by creating classes in the &#8220;Additional CSS&#8221; module.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"414\" height=\"1024\" src=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes-414x1024.png\" alt=\"\" class=\"wp-image-604\" srcset=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes-414x1024.png 414w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes-121x300.png 121w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes-621x1536.png 621w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes-230x569.png 230w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes-350x866.png 350w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes-480x1188.png 480w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/09\/Addl-CSS-Classes.png 658w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">On an edit screen for a page or post, in the block properties under &#8220;Advanced&#8221;, the name of the class (with no dot or definition) can be entered. The class will be applied to the current element.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"84\" class=\"wp-image-464\" style=\"width: 150px;\" src=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/08\/cropped-crane-1.png\" alt=\"\" srcset=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/08\/cropped-crane-1.png 1920w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/08\/cropped-crane-1-300x168.png 300w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/08\/cropped-crane-1-1024x575.png 1024w, https:\/\/sombermoose.com\/wp-content\/uploads\/2021\/08\/cropped-crane-1-768x431.png 768w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/>Most often a pig will just stay around the farm. In some instances, however, pigs have been known to choose another kind of life. These are what we call &#8220;travelling pigs.<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" class=\"wp-image-42\" style=\"width: 150px;\" src=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2020\/06\/rainbird-150x150-1.png\" alt=\"\"><\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-1024x768.jpeg\" alt=\"\" class=\"wp-image-954\" style=\"width:376px;height:auto\" srcset=\"https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-1024x768.jpeg 1024w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-300x225.jpeg 300w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-768x576.jpeg 768w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-1536x1152.jpeg 1536w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-2048x1536.jpeg 2048w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-1000x750.jpeg 1000w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-230x173.jpeg 230w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-350x263.jpeg 350w, https:\/\/sombermoose.com\/wp-content\/uploads\/2024\/03\/IMG_2875-480x360.jpeg 480w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">One must wonder about the <mark style=\"background-color:#f0ee07\" class=\"has-inline-color\"><strong>squirrel<\/strong><\/mark>. Is he just an animal, or is he something else? And who do we ask when we want to see the squirrel? Is he capable of providing permission on his own behalf, or would we be taking advantage of him?<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Can I get the doggone link to open up in a <a href=\"https:\/\/google.com\" target=\"_blank\" rel=\"noreferrer noopener\">new tab<\/a>? I can if I create it first, then edit it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using the Custom CSS feature on WordPress is a little bit tricky. There are two parts to the process: Classes are defined in the Appearance Customization area, by creating classes in the &#8220;Additional CSS&#8221; module. On an edit screen for a page or post, in the block properties under &#8220;Advanced&#8221;, the name of the class (with no dot or definition) can be entered. The class will be applied to the current element. Most often a pig will just stay around the farm. In some instances, however, pigs have been known to choose another kind of life. These are what we call &#8220;travelling pigs. One must wonder about the squirrel. Is he just an animal, or is he something else? And [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":245,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pgc_sgb_lightbox_settings":"","footnotes":""},"class_list":["post-601","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages\/601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/comments?post=601"}],"version-history":[{"count":9,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages\/601\/revisions"}],"predecessor-version":[{"id":1495,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/pages\/601\/revisions\/1495"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/media\/245"}],"wp:attachment":[{"href":"https:\/\/sombermoose.com\/index.php\/wp-json\/wp\/v2\/media?parent=601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}