• Resolved acuvic

    (@acuvic)


    Hello,
    I’ve searched and googled this problem for a few hours without success – please help!

    I’ve cut and pasted a code from the bootstrapbuild.com
    But the resulting accordion does not shrink (disappear) when clicking on a different title – I have to re-click its title to close it. On the build site, the result of the code is shown at the bottom of the page and it does what I want perfectly. What is missing from my site that it’s not working please?

    My site: https://acupunctureforlife.co.uk/?p=276

Viewing 7 replies - 1 through 7 (of 7 total)
  • The problem is that that code is for bootstrap3, while this theme uses bootstrap2.
    You should make accordions in bootstrap2 then:
    https://getbootstrap.com/2.3.2/javascript.html#collapse

    Thread Starter acuvic

    (@acuvic)

    Thanks very muck d4z_c0nf. Do I just replace my bootstrap3 HTML tags with the bootstrap2 ones shown in your link?

    Oh and what happens when Customizr upgrades to bootstrap3?? Maybe I should just comment out the old html code and add the new one? So I can reuse the old code then.

    Thanks again

    Hello,
    yes you should port your code to the bootstrap2 accordions.
    Can you share the code you’re using in pastebin.com?

    About Customizr moving to bootstrap3, it’s planned to September (current year, hopefully :P)

    Thread Starter acuvic

    (@acuvic)

    Hi d4z_c0nf

    Here’s the pastebin link. I’m new to pastebin and had to reposted it as pastebin removed it the first time caus they think it was spam!

    As I mentioned previously, this code was generated automatically by an online tool. Maybe there an online generator that does it in bootstrap 2.

    Thanks again

    Yeah probably it exists, anyway, try using this instead:
    https://pastebin.com/2HKRsxDz
    (you might need additional style)
    screenshot: https://i61.tinypic.com/10mmnps.jpg
    Hope this helps.

    And if you use the dropcap and have problems with the first accordion, add this css:

    .entry-content .accordion-group .tc-dropcap {
        color: inherit;
        text-shadow: inherit;
        font-size: inherit;
        float: none;
        padding: 0;
        line-height: inherit;
        font-family: inherit;
        font-weight: inherit;
    }

    Thread Starter acuvic

    (@acuvic)

    d4z_c0nf – It works perfect! Thanks and thanks again!

    Can’t thank you enough – this theme’s strength must be people like yourself who are seriously helpful. OK the theme itself is pretty good and so customizable too (well, that’s in the name isn’t it!).

    I’ll mark it “resolved”

    Hello acuvic,
    glad you found it useful! And many thanks for your appreciation!!!!!!
    ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Bootstrap Accordion not automatically shrinking’ is closed to new replies.