{"id":2328,"date":"2021-01-21T23:14:46","date_gmt":"2021-01-21T23:14:46","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/custom-styling\/"},"modified":"2024-04-08T02:45:08","modified_gmt":"2024-04-08T02:45:08","slug":"custom-styling","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/custom-styling\/","title":{"rendered":"Custom Styling"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<p>The style editor also includes a &#8220;Custom&#8221; section that allows you to apply inline CSS to virtually any element on your page. If you are comfortable with CSS code, inline CSS can be used to make custom adjustments to your content (i.e. padding, margins, positioning, etc.). To apply custom inline CSS, click the \u201cCustom CSS Styles\u201d button within the \u201cCustom\u201d style dropdown menu.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"private-image image-plugin-component hs-image-align-none\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/support.ioninteractive.comattachmentstokenfzxroymw700lxmc.jpeg\" \/><\/p>\n<p>The custom styling options also give you the ability to apply any class from your theme to the element you are editing. This can be used to change a text link to a button link or reference any other class that was coded into your theme.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"private-image image-plugin-component hs-image-align-none\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/support.ioninteractive.comattachmentstokenhkq2w9fsznx3xw8.jpeg\" \/><\/p>\n<p>Custom styling can also be added by adding your own unique CSS class to components and then referencing it in CSS.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-6448\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-1-1024x511.png\" alt=\"\" width=\"1024\" height=\"511\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-1-1024x511.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-1-300x150.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-1-768x384.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-1-1536x767.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-1-585x292.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-1.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-6449\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-2-1024x511.png\" alt=\"\" width=\"1024\" height=\"511\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-2-1024x511.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-2-300x150.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-2-768x384.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-2-1536x767.png 1536w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-2-585x292.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2024\/04\/Custom-CSS-Step-2.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The style editor also includes a &#8220;Custom&#8221; section that allows you to apply inline CSS to virtually any element on your page. If you are comfortable with CSS code, inline CSS can be used [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5296,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2080,41],"tags":[2139],"class_list":["post-2328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-custom-css","category-the-content-personalization","tag-css"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2328"}],"version-history":[{"count":4,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2328\/revisions"}],"predecessor-version":[{"id":6451,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2328\/revisions\/6451"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5296"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}