{"id":19015307,"date":"2026-09-09T09:22:13","date_gmt":"2026-09-09T09:22:13","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=topic&#038;p=19015307"},"modified":"2026-09-09T09:48:11","modified_gmt":"2026-09-09T09:48:11","slug":"great-design-57","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/great-design-57\/","title":{"rendered":"Great design!"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This plugin has been a lifesaver because I was using <em>Show-Hide\/Collapse-Expand,<\/em> which seems to have been abandoned after three years. It works immediately with the old <em>bg_collapse<\/em> markup, so just install it and deactivate <em>Show-Hide<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the help of Claude AI, I designed additional CSS code to reproduce almost the former layout:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* --- Show Hide Accordion: port of bg-orange-button --- *\/<br \/><br \/>.shabm-wrap {<br \/>text-align: center;<br \/>margin: 1em 0;<br \/>}<br \/><br \/>.shabm-wrap .shabm-content {<br \/>text-align: left;<br \/>}<br \/><br \/>a.shabm-toggle,<br \/>a.shabm-toggle:visited {<br \/>display: inline-block;<br \/>cursor: pointer;<br \/>padding: 6px 24px;<br \/>font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;<br \/>font-size: inherit;<br \/>line-height: normal;<br \/>letter-spacing: normal;<br \/>text-transform: none;<br \/>text-decoration: none !important;<br \/>text-shadow: 0 1px 0 #ffee66;<br \/>background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);<br \/>background-color: #ffec64;<br \/>border: 1px solid #ffaa22;<br \/>border-radius: 8px;<br \/>box-shadow: inset 0 4px 0 0 #fff6af;<br \/>}<br \/><br \/>a.shabm-toggle:hover,<br \/>a.shabm-toggle:focus {<br \/>border-bottom: 1px solid #ffaa22 !important;<br \/>color: #72777c !important;<br \/>background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%) !important;<br \/>background-color: #ffab23 !important;<br \/>text-decoration: none !important;<br \/>outline: none;<br \/>box-shadow:<br \/>inset 0 1px 0 0 #fff6af,<br \/>0 10px 10px rgba(0, 0, 0, 0.25) !important;<br \/>}<br \/><br \/>a.shabm-toggle .shabm-icon {<br \/>position: relative;<br \/>bottom: 1px;<br \/>padding-right: 4px;<br \/>font-size: inherit;<br \/>}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This could be used (and made optional) in future versions of this plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once again, congratulations!<\/p>\n","protected":false},"template":"","class_list":["post-19015307","topic","type-topic","status-publish","hentry","topic-tag-compatibility"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19015307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19015307\/revisions"}],"predecessor-version":[{"id":19015331,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19015307\/revisions\/19015331"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19015307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}