{"id":5682,"date":"2018-02-06T17:11:23","date_gmt":"2018-02-06T08:11:23","guid":{"rendered":"http:\/\/localhost\/enfold\/documentation\/?p=5682"},"modified":"2022-05-13T09:18:43","modified_gmt":"2022-05-13T09:18:43","slug":"add-custom-css","status":"publish","type":"post","link":"https:\/\/kriesi.at\/documentation\/enfold\/add-custom-css\/","title":{"rendered":"Add custom CSS"},"content":{"rendered":"\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-av_heading-368083c981f0a9a7f51726e55e6996f6\">\n#top .av-special-heading.av-av_heading-368083c981f0a9a7f51726e55e6996f6{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-av_heading-368083c981f0a9a7f51726e55e6996f6 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-av_heading-368083c981f0a9a7f51726e55e6996f6 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-av_heading-368083c981f0a9a7f51726e55e6996f6 av-special-heading-h2 blockquote modern-quote  avia-builder-el-1  el_after_av_codeblock  el_before_av_hr '><h2 class='av-special-heading-tag '  itemprop=\"headline\"  >How to add custom CSS<\/h2><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div  class='hr av-tlv6eq-fd389608f8d32dc06a65a63e65d31c86 hr-default  avia-builder-el-2  el_after_av_heading  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r64yf6-86102655ccd920969185ceb0c356d0af '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Overview<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-plnrz6-01d1de7c216d8ee988ad0fa8af67f9e4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>In this section, we will learn how to overcome a situation in which you have a specific design requirement but the styles you require is not available in the theme. As you may have already guessed it, yes! we are going to add custom CSS code and style the theme elements to make it look the way you want.<\/p>\n<p><strong>Example:<\/strong>\u00a0Add a mouseover effect to a button element so that it animates by shaking sideways a few times.<\/p>\n<\/div><\/section>\n<div  class='avia-button-wrap av-jsg6sx1j-c283ee8a271045876d80c10df5951511-wrap avia-button-left  avia-builder-el-5  el_after_av_textblock  el_before_av_hr  button-hover-effect invalid-custom-class-found'><a href='javascript:;'  class='avia-button av-jsg6sx1j-c283ee8a271045876d80c10df5951511 av-link-btn avia-icon_select-no avia-size-large avia-position-left avia-color-blue'   aria-label=\"Hover me!!\"><span class='avia_iconbox_title' >Hover me!!<\/span><\/a><\/div>\n<div  class='hr av-tlv6eq-fd389608f8d32dc06a65a63e65d31c86 hr-default  avia-builder-el-6  el_after_av_button  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r64yf6-180e0aee138c45b011da1e82e700a045 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Before we start<\/h2>\n<\/div><\/section>\n<div  class='hr av-tlv6eq-fd389608f8d32dc06a65a63e65d31c86 hr-default  avia-builder-el-8  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r64yf6-180e0aee138c45b011da1e82e700a045 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>How to inspect an element on the page?<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-plnrz6-01d1de7c216d8ee988ad0fa8af67f9e4 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>To custom style the theme elements you need to know some basics of CSS and how to use the chrome developer tool to find the\u00a0CSS class names of the page elements. To inspect the elements on your page just right click and select inspect. This opens up the inspect window and you can navigate the DOM to find the class name of any element.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12480\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/Inspect-element.png\" alt=\"\" width=\"868\" height=\"273\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/Inspect-element.png 868w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/Inspect-element-300x94.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/Inspect-element-768x242.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/Inspect-element-705x222.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/Inspect-element-600x189.png 600w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/p>\n<p>If this is a new topic for you please feel free to watch the videos for a quick\u00a0demonstration on\u00a0<a href=\"https:\/\/www.youtube.com\/watch?v=nV9PLPFTnkE\" target=\"_blank\" rel=\"noopener noreferrer\">how to use the chrome developer tools<\/a> and some\u00a0<a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\">advanced tips<\/a>.<\/p>\n<\/div><\/section>\n<div  class='hr av-tlv6eq-fd389608f8d32dc06a65a63e65d31c86 hr-default  avia-builder-el-11  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r64yf6-180e0aee138c45b011da1e82e700a045 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Enable custom CSS class name support<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-plnrz6-fbecc0e4cf5f10b2624dd1203d98ff5d '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>First, go to <strong>Enfold options &gt; Layout Builder <\/strong>and make sure &#8220;Hide template builder developer options&#8221; option is disabled so that we can assign a custom class name to any element in the theme. Now that we can assign a specific class name to the theme elements we can target them using custom CSS and style the elements the way you want it to look.<\/p>\n<p>Going back to our example, to animate a button element, first add a button element on to your page and click on it to open the button element options. Go to Advanced &gt; Developer Settings tab and find &#8220;<strong>Custom CSS Class&#8221; <\/strong>field and add a custom class name &#8220;button-hover-effect&#8221; (no need to add &#8220;.&#8221; in front of the class name as we normally do in CSS).<\/p>\n<div id=\"attachment_13251\" style=\"width: 1896px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-13251\" class=\"size-full wp-image-13251\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class.png\" alt=\"\" width=\"1886\" height=\"1708\" srcset=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class.png 1886w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class-300x272.png 300w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class-1030x933.png 1030w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class-768x696.png 768w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class-1536x1391.png 1536w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class-1500x1358.png 1500w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class-705x638.png 705w, https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/custom-css-class-600x543.png 600w\" sizes=\"auto, (max-width: 1886px) 100vw, 1886px\" \/><\/a><p id=\"caption-attachment-13251\" class=\"wp-caption-text\">Custom CSS Class field in Advanced &gt; Developer Settings tab<\/p><\/div>\n<\/div><\/section>\n<div  class='hr av-nvyu9u-711f2afe68f6a9e440c272b04ee017ce hr-default  avia-builder-el-14  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r64yf6-180e0aee138c45b011da1e82e700a045 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Example CSS code<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-r64yf6-180e0aee138c45b011da1e82e700a045 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Now that we have successfully added a custom class name to the button element. We need the custom CSS code to target this button element and animate it on hover. Below is the required custom CSS code which we will add to the theme.<\/p>\n<p><strong>Code snippet<\/strong>:<\/p>\n<\/div><\/section>\n<div  class='togglecontainer av-jsga80uc-22059d56044541b75f9b700e47f5f346 av-minimal-toggle  avia-builder-el-17  el_after_av_textblock  el_before_av_hr  toggle_close_all' >\n<section class='av_toggle_section av-1yksyn-dc1d20086cf626699a1f623bdb44e517'  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div role=\"tablist\" class=\"single_toggle\" data-tags=\"{All} \"  ><p id='toggle-toggle-id-1' data-fake-id='#toggle-id-1' class='toggler  av-title-above '  itemprop=\"headline\"  role='tab' tabindex='0' aria-controls='toggle-id-1' data-slide-speed=\"200\" data-title=\"CSS\" data-title-open=\"\" data-aria_collapsed=\"Click to expand: CSS\" data-aria_expanded=\"Click to collapse: CSS\">CSS<span class=\"toggle_icon\"><span class=\"vert_icon\"><\/span><span class=\"hor_icon\"><\/span><\/span><\/p><div id='toggle-id-1' aria-labelledby='toggle-toggle-id-1' role='region' class='toggle_wrap  av-title-above'  ><div class='toggle_content invers-color '  itemprop=\"text\" ><pre><code>\n\n\/*Hover Effect*\/\n.button-hover-effect .avia-button:hover {\n    animation: shakeMe .180s cubic-bezier(.15, 0, 1, .03) infinite;\n    -webkit-animation: shakeMe .180s cubic-bezier(.15, 0, 1, .03) infinite;\n    -moz-animation: shakeMe .180s cubic-bezier(.15, 0, 1, .03) infinite;\n    -o-animation: shakeMe .180s cubic-bezier(.15, 0, 1, .03) infinite;\n    -ms-animation: shakeMe .180s cubic-bezier(.15, 0, 1, .03) infinite;\n}\n\n\/*Keyframes*\/\n@keyframes shakeMe {\n    25% {\n        transform: translateX(2px);\n        -webkit-transform: translateX(2px);\n        -moz-transform: translateX(2px);\n        -o-transform: translateX(2px);\n        -ms-transform: translateX(2px);\n    }\n    50% {\n        transform: translateX(-3px);\n        -webkit-transform: translateX(-3px);\n        -moz-transform: translateX(-3px);\n        -o-transform: translateX(-3px);\n        -ms-transform: translateX(-3px);\n    }\n    100% {\n        transform: translateX(2px);\n        -webkit-transform: translateX(2px);\n        -moz-transform: translateX(2px);\n        -o-transform: translateX(2px);\n        -ms-transform: translateX(2px);\n    }\n}\n\n<\/code><\/pre>\n<\/div><\/div><\/div><\/section>\n<\/div>\n<div  class='hr av-nvyu9u-711f2afe68f6a9e440c272b04ee017ce hr-default  avia-builder-el-18  el_after_av_toggle_container  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-r64yf6-180e0aee138c45b011da1e82e700a045 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h2>Different ways to add custom CSS<\/h2>\n<\/div><\/section>\n<section  class='av_textblock_section av-mn6tv6-f1a654eeb4f66e1a6600404a6b1a4724 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>OK! let&#8217;s dive in. There are a few different ways to add custom CSS to the Enfold theme as mentioned below.<\/p>\n<ul>\n<li>Add CSS to Quick CSS<\/li>\n<li>Child theme style sheet<\/li>\n<li>Use a Code block element<\/li>\n<li>Enqueue a custom CSS file<\/li>\n<\/ul>\n<\/div><\/section>\n<div  class='hr av-nvyu9u-711f2afe68f6a9e440c272b04ee017ce hr-default  avia-builder-el-21  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-mn6tv6-740dbe5776cada67b41a230999032c48 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Quick CSS<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-5j1jmq-2e27c1977b6a127c841d2a893654c8f6 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>The Quick CSS section is provided in the theme options to add your custom CSS code easily and quickly. You can access this section from the Enfold theme Options > General Styling > Quick CSS<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-gallery wp-image-7358\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/QuickCSS-845x543.png\" alt=\"\" width=\"845\" height=\"543\" \/><\/p>\n<p>Adding small snippets of CSS code works great in Quick CSS but if your list of custom code is growing\u00a0we recommend using a child theme.<\/p>\n<\/div><\/section>\n<div  class='hr av-j10m5u-a5f15fc364ab37e5dc8d1fd5587957fd hr-default  avia-builder-el-24  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-hp308y-579b74a168206839b256032bbbdfa372 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Use a Code block element<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-fp09r6-eabe81a066f9278f28a8f8c850edea4c '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Yes, you can use the code block element to add custom code. However please note that the code in the code block will have an effect only on the specific page it is added to and not on the whole site.<\/p>\n<p>To add CSS inside the code block you need to wrap it inside the <strong>style<\/strong> tag. So, your final CSS should look like the below example:<\/p>\n<\/div><\/section>\n\n<div  class='hr av-e0umsi-7aaf2d076236fe760d5c19c9721c0cfb hr-default  avia-builder-el-28  el_after_av_codeblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-cwm5qa-2f668d95421ada7481cd0b3fb55f1b93 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Child theme<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-4mqs2a-25233adee4e06175a20b7d1ab5a2e555 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>A\u00a0Child theme\u00a0inherits all features from the main theme but any custom code or files added to the child theme will be given priority over the main theme files. This helps us in adding modifications without losing them when the main theme is updated. If you haven&#8217;t installed the child theme already please take a look at the step by step tutorial<\/p>\n<p><a href=\"https:\/\/kriesi.at\/documentation\/enfold\/2017\/07\/14\/how-to-install-enfold-theme\/#why-child-theme\" target=\"_blank\" rel=\"noopener\">Installing the child theme<\/a>.<\/p>\n<p>After installing the child theme it is really easy to add your custom CSS and manage it.<\/p>\n<ul>\n<li>Go to Appearance > Editor > Style.css ( Styles.css should open by default).<\/li>\n<li>Do not edit the theme info on the top unless you know what you are doing. But you can continue to add your own styles below. Go ahead copy the CSS for the button element and paste it here.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-gallery wp-image-7359\" src=\"https:\/\/kriesi.at\/documentation\/enfold\/wp-content\/uploads\/sites\/22\/2018\/02\/Child-Theme-845x619.png\" alt=\"\" width=\"845\" height=\"619\" \/><\/li>\n<\/ul>\n<p>The style.css can also be accessed via FTP. Once you login to FTP go to\u00a0wp-content\/themes\/enfold-child\/style.css<\/p>\n<\/div><\/section>\n<div  class='hr av-8khnrm-1d160561159c2e9be3e04925748fe330 hr-default  avia-builder-el-31  el_after_av_textblock  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-7qm4mq-4096dc85948c1d33baf9559c2acbf766 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><h3>Enqueue custom CSS<\/h3>\n<\/div><\/section>\n<section  class='av_textblock_section av-2de3yq-298447644ea1fd549fa00070e2a41c09 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p>Assuming you have installed the child theme, which is always recommended for any custom modifications.\u00a0We will enqueue a custom CSS file called <strong>my_custom.css\u00a0<\/strong><\/p>\n<p><strong>Steps to add a custom CSS file<\/strong>.<\/p>\n<p>1. Create your custom.css file.<br \/>\n2.Create a new folder called \u201ccss\u201d in child theme root directory and place your \u201c<strong>my_custom.css<\/strong>\u201d file in <strong>wp-content >\u00a0themes > enfold-child > css\u00a0> my_custom.css<\/strong><br \/>\n3. Add the below code to your functions.php file.<\/p>\n<\/div><\/section>\n\n<section  class='av_textblock_section av-30x5si-162542a9f8b94e8bd35cad91ef38e538 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/BlogPosting\" itemprop=\"blogPost\" ><div class='avia_textblock'  itemprop=\"text\" ><p><strong>Reference:<\/strong><\/p>\n<p><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_enqueue_style\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress codex\u00a0<\/a><br \/>\n<a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_register_style\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress function<\/a><br \/>\n<a href=\"https:\/\/codex.wordpress.org\/Child_Themes\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Child theme codex<\/a><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[2,12],"tags":[],"class_list":["post-5682","post","type-post","status-publish","format-standard","hentry","category-documentation","category-explore","documentation","explore"],"modified_by":"Yigit","_links":{"self":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/comments?post=5682"}],"version-history":[{"count":17,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5682\/revisions"}],"predecessor-version":[{"id":13252,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/posts\/5682\/revisions\/13252"}],"wp:attachment":[{"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/media?parent=5682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/categories?post=5682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kriesi.at\/documentation\/enfold\/wp-json\/wp\/v2\/tags?post=5682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}