Short Code in Sidebar « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Avisio

Short Code in Sidebar

2 posts from 2 voices

Started 2 years ago by genos
Latest reply from James Morrison
This topic is not resolved

Tags:

genos
Member

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!

Posted 2 years ago #

James Morrison
Former Team Member

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.