{"id":127,"date":"2017-04-03T21:36:07","date_gmt":"2017-04-03T18:36:07","guid":{"rendered":"http:\/\/monicandesign.com\/demo\/mndp\/?page_id=127"},"modified":"2017-04-07T07:50:30","modified_gmt":"2017-04-07T04:50:30","slug":"sidebar","status":"publish","type":"page","link":"https:\/\/monicandesign.com\/demo\/mndp\/sidebar\/","title":{"rendered":"MND Fan Sidebar"},"content":{"rendered":"<p><b>MND Fan Sidebar<\/b> is a pack of custom widgets for your WordPress powered fansite.<\/p>\n<p>Current widgets available:<\/p>\n<ul style=\"margin-top: -23px;\">\n<li>Latest Projects<\/li>\n<li>Featured Albums<\/li>\n<li>Elite Affiliates<\/li>\n<li>Welcome Message<\/li>\n<\/ul>\n<p>Check out more details, screenshots and prices at the <a href=\"http:\/\/monicandesign.com\/shop\/mnd-fan-sidebar\/\">plugin&#8217;s official page<\/a> \ud83d\ude42<\/p>\n<h2>Styling<\/h2>\n<p><strong>Styling #01:<\/strong> <em>Latest Projects Widget<\/em><\/p>\n<p><a href=\"http:\/\/s23.postimg.cc\/p8z0otz3t\/mndfs-style-01.png\"><img decoding=\"async\" src=\"http:\/\/s23.postimg.cc\/p8z0otz3t\/mndfs-style-01.png\" \/><\/a><\/p>\n<p>Add this to your theme&#8217;s style.css file:<\/p>\n<pre>\r\n.mndfs-project-title,\r\n.mndfs-project-role,\r\n.mndfs-project-status {\r\n\tfont-family: Inconsolata;\r\n\tpadding-left: 15px;\r\n\tcolor: #fff;\r\n}\r\n\r\n.mndfs-project-role,\r\n.mndfs-project-status {\r\n\ttext-transform: lowercase;\r\n}\r\n\r\n.mndfs-project-title {\r\n\tmargin-top: -75px;\r\n\tletter-spacing: 2px;\r\n\ttext-transform: uppercase;\r\n}\r\n\r\n.mndfs-project-year {\r\n\tletter-spacing: 0;\r\n}\r\n\r\n.mndfs-project-role:before {\r\n\tfont-style: normal;\r\n\tmargin-right: 4px;\r\n\tcontent: 'amy adams as';\r\n}\r\n\r\n.mndfs-project-synopsis {\r\n\tmargin-top: 15px;\r\n}\r\n\r\n.mndfs-project-links a {\r\n\tfont-family: Inconsolata;\r\n\ttext-transform: uppercase;\r\n\tcolor: #121212;\r\n}\r\n\r\n.mndfs-project-image img,\r\n.mndfs-project-image img:hover {\r\n\topacity: 1;\r\n}\r\n<\/pre>\n<p>To use the font Inconsolata, like in the example screenshot, add this to your header.php file:<\/p>\n<pre>\r\n&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Inconsolata:400,700\" rel=\"stylesheet\"&gt;\r\n<\/pre>\n<p><strong>Styling #02:<\/strong> <em>Latest Projects Widget<\/em><\/p>\n<p><a href=\"http:\/\/s24.postimg.cc\/ag3irfwsj\/mndfs-style-02.png\"><img decoding=\"async\" src=\"http:\/\/s24.postimg.cc\/ag3irfwsj\/mndfs-style-02.png\" \/><\/a><\/p>\n<p>Add this to your theme&#8217;s style.css file:<\/p>\n<pre>\r\n.mndfs-project-image {\r\n\tfloat: left;\r\n\tpadding-right: 10px;\r\n}\r\n\r\n.mndfs-project-image img {\r\n\twidth: 75px;\r\n\theight: 75px;\r\n\tborder-radius: 100%;\r\n}\r\n\r\n.mndfs-project-title {\r\n\tfont-family: Playfair Display;\r\n\tdisplay: table;\r\n\tmargin-top: 5px;\r\n\tpadding: 0 3px;\r\n\tcolor: #fff;\r\n\tbackground: #222;\r\n}\r\n\r\n.mndfs-project-role {\r\n\tmargin-top: 3px;\r\n\tcolor: #cea525;\r\n}\r\n\r\n.mndfs-project-role:before {\r\n\tmargin-right: 4px;\r\n\tcontent: 'Amy as';\r\n}\r\n\r\n.mndfs-project-status {\r\n\ttext-decoration: none;\r\n}\r\n\r\n.mndfs-project-synopsis {\r\n\tclear: both;\r\n\tpadding-left: 20px;\r\n\tcolor: #999;\r\n\tborder-left: 1px solid #ccc;\r\n}\r\n\r\n.mndfs-project-links a {\r\n\tfont-family: Playfair Display;\r\n\tcolor: #222;\r\n}\r\n<\/pre>\n<p>To use the font Playfair Display, like in the example screenshot, add this to your header.php file:<\/p>\n<pre>\r\n&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Playfair+Display:400,700\" rel=\"stylesheet\"&gt;\r\n<\/pre>\n<p><strong>Styling #03:<\/strong> <em>Welcome Message Widget<\/em> &#8211; with background image<\/p>\n<p><a href=\"http:\/\/s24.postimg.cc\/ab15a4j03\/mndfs-style-03.png\"><img decoding=\"async\" src=\"http:\/\/s24.postimg.cc\/ab15a4j03\/mndfs-style-03.png\" \/><\/a><\/p>\n<p>Add this to your theme&#8217;s style.css file:<\/p>\n<pre>\r\n.mndfs-welcome-message {\r\n\tbackground-position: top center;\r\n}\r\n\r\n.mndfs-welcome-text {\r\n\tpadding: 30px 25px!important;\r\n\ttext-align: justify;\r\n\tcolor: #fff;\r\n\tbackground-color: rgba(0, 0, 0, .3);\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>MND Fan Sidebar is a pack of custom widgets for your WordPress powered fansite. Current widgets available: Latest Projects Featured Albums Elite Affiliates Welcome Message Check out more details, screenshots and prices at the plugin&#8217;s official page \ud83d\ude42 Styling Styling #01: Latest Projects Widget Add this to your theme&#8217;s style.css file: .mndfs-project-title, .mndfs-project-role, .mndfs-project-status { &hellip; <a href=\"https:\/\/monicandesign.com\/demo\/mndp\/sidebar\/\" class=\"more-link\">Continue reading &gt;<\/a><span class=\"screen-reader-text\">MND Fan Sidebar<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/monicandesign.com\/demo\/mndp\/wp-json\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monicandesign.com\/demo\/mndp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monicandesign.com\/demo\/mndp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monicandesign.com\/demo\/mndp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monicandesign.com\/demo\/mndp\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":0,"href":"https:\/\/monicandesign.com\/demo\/mndp\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"wp:attachment":[{"href":"https:\/\/monicandesign.com\/demo\/mndp\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}