{"id":4521,"date":"2020-11-21T09:07:36","date_gmt":"2020-11-21T09:07:36","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=4521"},"modified":"2023-10-30T09:25:37","modified_gmt":"2023-10-30T09:25:37","slug":"custom-css-settings","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/custom-css-settings\/","title":{"rendered":"Custom CSS Settings"},"content":{"rendered":"\n<p>On occasion, it may be necessary to incorporate custom CSS settings into individual event pages or shortcodes. There are several reasons for doing so. By entering the CSS code into the designated box, it will load in any location where the MEC scripts are loaded. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Applying_Custom_CSS_Settings\"><\/span>Applying Custom CSS Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This feature enables users to exercise greater control over the appearance of their event pages and shortcodes, thereby enhancing the overall user experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2052\" height=\"1454\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/10\/101-mec-css.png\" alt=\"Custom CSS Settings\" class=\"wp-image-9562\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/10\/101-mec-css.png 2052w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/10\/101-mec-css-300x213.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/10\/101-mec-css-1024x726.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/10\/101-mec-css-768x544.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/10\/101-mec-css-1536x1088.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/10\/101-mec-css-2048x1451.png 2048w\" sizes=\"auto, (max-width: 2052px) 100vw, 2052px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Using_Inspect_Elements\"><\/span>Using Inspect Elements<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>For more information about CSS and inspecting elements, please head over to <a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/inspect-element\/\" data-type=\"knowledgebase\" data-id=\"2103\" target=\"_blank\" rel=\"noreferrer noopener\">this<\/a> link.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sometimes you may want to add your custom CSS codes to the single event pages or shortcodes. There are several reasons for this, so you can insert the CSS code in MEC.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[49],"class_list":["post-4521","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-knowledge-other"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/4521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/comments?post=4521"}],"version-history":[{"count":3,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/4521\/revisions"}],"predecessor-version":[{"id":9564,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/4521\/revisions\/9564"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=4521"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=4521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}