Hi! I'd love to be able to use the accordion toggler short code in the sidebar. So far I was able to do this by installing a plugin called Sidebar Shortcodes.. the problem is that it looses the styling of the accordion toggler like the plus & minus buttons and borders. Does anyone know how to use this shortcode in the sidebar while maintaining the style? Any help is most appreciated, Thanks!
Short Code in Sidebar
2 posts from 2 voices-
Posted 2 years ago #
-
Hey,
There's no issue using shortcodes outside the pages with help of a plugin but the CSS needs adjusting slightly.
In /css/style1.css (or style2.css / style3.css depending on the colour choice you picked) you have this section of code:
/************************************************************************ Shortcodes *************************************************************************/ /*tabs and toggler and slider */ .js_active .entry .toggler{ background:url("../images/skin1/toggle.png") no-repeat scroll 6px 6px #FFFFFF; border:1px solid #E1E1E1; } .js_active #top .entry .activeTitle{ background: #eee url('../images/skin1/toggle.png') no-repeat 6px -77px ; border:1px solid #CCC; } .js_active .entry .tab_content{ background: #fff url("../images/skin1/bg_gradiant_stripe_top.png") repeat-x 0 0; border:1px solid #E1E1E1; } .js_active .entry .tab{ background:#fff; border:1px solid #E1E1E1; border-bottom: none; } .js_active #top .entry .active_tab{ background:none repeat scroll 0 0 #E9ECF0; color:#555555; } #top .entry .feature_wrap { background: #fff url("../images/skin1/bg_gradiant_stripe_top.png") repeat-x 0 0; border:1px solid #e1e1e1; }The .entry restricts the shortcodes styles' to the main content area, depending on the class / id applied by the plugin (if any) this may need duplicating and updating to the new class / id or simply removing .entry from the CSS.
What's the site URL? Please add a shortcode to the sidebar so I can see the HTML output.
James
Posted 2 years ago #
Reply
You must log in to post.














