{"id":58692,"date":"2016-01-13T08:58:59","date_gmt":"2016-01-13T13:58:59","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=58692"},"modified":"2017-12-22T09:26:35","modified_gmt":"2017-12-22T14:26:35","slug":"cheryframework-3-how-to-add-a-button-to-slider-caption","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cheryframework-3-how-to-add-a-button-to-slider-caption.html","title":{"rendered":"CherryFramework 3. How to add a button to slider caption"},"content":{"rendered":"<p>\r\n<p>In this tutorial you will find out how to add a button to slider caption in CherryFramework 3 templates.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=CKkFcv7lEfA?width=1280&amp;height=720\" rel=\"prettyPhoto\">CheryFramework 3. How to add a button to slider caption<\/a><\/p>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<ol>\r\n<li>\r\n<p>Locate and copy the button code on your site using Inspect element tool, for example using <a target=\"_blank\" href=\"\/help\/firebug-mozilla-firefox-plugin.html\">Firebug software<\/a>. It will look as follows: <\/p>\r\n<pre class=\"brush:html\">&lt;a class=\"btn btn-primary\" href=\"http:\/\/www.yourwebsite.com\/uncategorized\/aliquam-erat-volutpat\/\"&gt;Read more&lt;\/a&gt;<\/pre>\r\n<p>\t<a href=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img1-300x130.png\" alt=\"CheryFramework_3.How_to_add_button_to_slider_caption_img1\" width=\"300\" height=\"130\" class=\"aligncenter size-medium wp-image-58693\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img1-300x130.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img1-150x65.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img1-1024x444.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img1.png 1616w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Log into your <strong>WordPress admin panel<\/strong>:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img2-300x141.png\" alt=\"CheryFramework_3.How_to_add_button_to_slider_caption_img2\" width=\"300\" height=\"141\" class=\"aligncenter size-medium wp-image-58694\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img2-300x141.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img2-150x71.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img2-1024x482.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img2.png 1881w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Navigate to <strong>Slides<\/strong> tab in your <i>admin panel<\/i>. Select slide you want to edit.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Insert button code you have copied into <strong>Caption<\/strong> area.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Change Button link to your custom one in the code, example:<\/p>\r\n<pre class=\"brush:html\">&lt;a class=\"btn btn-primary\" href=\"http:\/\/your_custom_link_goes_here\/\"&gt;Read more&lt;\/a&gt;<\/pre>\r\n<p>You can also edit button text:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img3-300x48.png\" alt=\"CheryFramework_3.How_to_add_button_to_slider_caption_img3\" width=\"300\" height=\"48\" class=\"aligncenter size-medium wp-image-58695\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img3-300x48.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img3-150x24.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img3-1024x163.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img3.png 1877w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Update<\/strong> button.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Refresh and check your site:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img4-300x134.png\" alt=\"CheryFramework_3.How_to_add_button_to_slider_caption_img4\" width=\"300\" height=\"134\" class=\"aligncenter size-medium wp-image-58696\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img4-300x134.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img4-150x67.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img4-1024x459.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/12\/CheryFramework_3.How_to_add_button_to_slider_caption_img4.png 1882w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=CKkFcv7lEfA?width=1280&amp;height=720\" rel=\"prettyPhoto\">CheryFramework 3. How to add a button to slider caption<\/a><\/p>\r\n<\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>In this tutorial you will find out how to add button to slider caption in CherryFramework 3 templates.<\/p>\n","protected":false},"author":89,"featured_media":58697,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[536,1799,2097,816],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58692"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=58692"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58692\/revisions"}],"predecessor-version":[{"id":83654,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/58692\/revisions\/83654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/58697"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=58692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=58692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=58692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}