{"id":184,"date":"2015-06-06T18:44:07","date_gmt":"2015-06-06T18:44:07","guid":{"rendered":"http:\/\/www.eminozlem.com\/?p=184"},"modified":"2015-06-06T21:29:58","modified_gmt":"2015-06-06T21:29:58","slug":"better-bootstrap-accordion","status":"publish","type":"post","link":"https:\/\/eminozlem.com\/tr\/better-bootstrap-accordion\/","title":{"rendered":"Better bootstrap accordion"},"content":{"rendered":"<p>There are a few issues (things I dont like) about the bootstrap accordion:<\/p>\n<p>1- The title is inline, so you have to click the text part to activate it<\/p>\n<p>2- There is no indication if the item is collapsed or open<\/p>\n<p>3- :hover underlining is obnoxious.<\/p>\n<p>To solve all these; simply add the below css:<\/p>\n<pre class=\"lang:css decode:true \">.panel-heading {\r\n    padding: 0;\r\n}\r\n.panel-title &gt; a {\r\n\tcolor: #555;\r\n\tdisplay: block;\r\n\tpadding: 0.4em 0.6em;}\r\n.panel-title &gt; a:hover, .panel-title &gt; a:active { text-decoration: none; background: #eee; color:#111;}\r\n.panel-title &gt; a.accordion-toggle::before {\r\n    content:\"\\f077\";\r\n    float: left;\r\n    font-family: \"FontAwesome\";\r\n\tmargin-right:0.2em;\r\n}\r\n.panel-title &gt; a.accordion-toggle.collapsed::before {\r\n    content:\"\\f078\";\r\n}<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are a few issues (things I dont like) about the bootstrap accordion: 1- The title is inline, so you have to click the text part to activate it 2- There is no indication if the item is collapsed or open 3- :hover underlining is obnoxious. To solve all these; simply add the below css:&#8230;<\/p>\n","protected":false},"author":1,"featured_media":185,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[7,1],"tags":[56],"class_list":["post-184","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-coding","category-web","tag-bootstrap"],"acf":[],"_links":{"self":[{"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/posts\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":0,"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/posts\/184\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/media?parent=184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/categories?post=184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eminozlem.com\/tr\/wp-json\/wp\/v2\/tags?post=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}