{"id":2227,"date":"2021-04-21T08:00:24","date_gmt":"2021-04-21T02:15:24","guid":{"rendered":"https:\/\/dearflip.com\/?p=2227"},"modified":"2024-09-11T07:36:40","modified_gmt":"2024-09-11T01:51:40","slug":"customizing-buttons","status":"publish","type":"post","link":"https:\/\/wordpress.dearflip.com\/customizing-buttons\/","title":{"rendered":"Customizing Buttons"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Normal Button<\/h2>\n\n\n\n<p>Normally by default the buttons looks like primary WordPress buttons.<\/p>\n\n\n\n<a class=\"_df_button  df-has-ridge \"  href=\"https:\/\/wordpress.dearflip.com\/books\/glfw-manual\/\"  data-slug=\"glfw-manual\" data-_slug=\"glfw-manual\" _slug=\"glfw-manual\" data-title=\"glfw-manual\" id=\"df_378\" data-df-option=\"df_option_378\"  >GLFW manual<\/a><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.df_option_378 = {\"source\":\"https:\\\/\\\/wordpress.dearflip.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/glfw.pdf\",\"outline\":[],\"backgroundColor\":\"transparent\",\"autoEnableOutline\":false,\"autoEnableThumbnail\":false,\"overwritePDFOutline\":false,\"pageMode\":\"0\",\"pageSize\":\"0\",\"direction\":\"1\",\"slug\":\"glfw-manual\",\"wpOptions\":\"true\",\"id\":378}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<pre class=\"wp-block-preformatted\">._df_button {\n \/\/your style goes here\n }<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Changing Color<\/h2>\n\n\n\n<p>Customizations can be achieved using custom CSS. <strong>On WordPress &#8211; We recommend using Theme Customizer -&gt; Additional CSS section for adding Custom CSS.<\/strong> Or a custom code plugin if you change themes often.<\/p>\n\n\n\n<a class=\"_df_button changing_color df-has-ridge \"  href=\"https:\/\/wordpress.dearflip.com\/books\/glfw-manual\/\"  data-slug=\"glfw-manual\" data-_slug=\"glfw-manual\" _slug=\"glfw-manual\" data-title=\"glfw-manual\" id=\"df_378\" data-df-option=\"df_option_378\"  >GLFW manual<\/a><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.df_option_378 = {\"source\":\"https:\\\/\\\/wordpress.dearflip.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/glfw.pdf\",\"outline\":[],\"backgroundColor\":\"transparent\",\"autoEnableOutline\":false,\"autoEnableThumbnail\":false,\"overwritePDFOutline\":false,\"pageMode\":\"0\",\"pageSize\":\"0\",\"direction\":\"1\",\"slug\":\"glfw-manual\",\"wpOptions\":\"true\",\"id\":378}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<style>.changing_color {\n    background: grey !important;\n    border: none !important;\n    color: white !important;\n}\n\n.changing_color:hover {\n    background: #444 !important;\n}<\/style>\n\n\n\n<pre class=\"wp-block-preformatted\">._df_button {\n     background: grey !important;\n     border: none !important;\r\n     color: white !important;\n }\n ._df_button:hover {\n     background: #444 !important;\n }<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Custom Class<\/h2>\n\n\n\n<p>Extra classes can be used to change style for certain buttons only.<\/p>\n\n\n\n<a class=\"_df_button red_button df-has-ridge \"  href=\"https:\/\/wordpress.dearflip.com\/books\/glfw-manual\/\"  data-slug=\"glfw-manual\" data-_slug=\"glfw-manual\" _slug=\"glfw-manual\" data-title=\"glfw-manual\" id=\"df_378\" data-df-option=\"df_option_378\"  >GLFW manual<\/a><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.df_option_378 = {\"source\":\"https:\\\/\\\/wordpress.dearflip.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/glfw.pdf\",\"outline\":[],\"backgroundColor\":\"transparent\",\"autoEnableOutline\":false,\"autoEnableThumbnail\":false,\"overwritePDFOutline\":false,\"pageMode\":\"0\",\"pageSize\":\"0\",\"direction\":\"1\",\"slug\":\"glfw-manual\",\"wpOptions\":\"true\",\"id\":378}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<style>.red_button {\n    background: crimson !important;\n    border: none !important;\n    color: white !important;\n}\n\n.red_button:hover {\n    background: red !important;\n}<\/style>\n\n\n\n<pre class=\"wp-block-preformatted\">.red_button {\n     background: crimson !important;\n     border: none !important;\r\n     color: white !important;\n }\n .red_button:hover {\n     background: red !important;\n }<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Normal Button Normally by default the buttons looks like primary WordPress buttons. ._df_button { \/\/your style goes here } Changing Color Customizations can be achieved using custom CSS. On WordPress &#8211; We recommend using Theme Customizer -&gt; Additional CSS section for adding Custom CSS. Or a custom code plugin if you change themes often. ._df_button &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Customizing Buttons\" class=\"read-more button\" href=\"https:\/\/wordpress.dearflip.com\/customizing-buttons\/\" aria-label=\"Customizing Buttons\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2227","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/posts\/2227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/comments?post=2227"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/posts\/2227\/revisions"}],"predecessor-version":[{"id":3751,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/posts\/2227\/revisions\/3751"}],"wp:attachment":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/media?parent=2227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/categories?post=2227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/tags?post=2227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}