Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1511

    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!

    #35494

    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

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Short Code in Sidebar’ is closed to new replies.