Jump to content

Search the Community

Showing results for tags 'accordion'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 11 results

  1. We are having issues the with accordion bad ass shortcode.  The proper accordion tab will not drop down when you click on it, only the first one will drop down each time no matter which one you click on.  Please see this test page we set up with an example of the problem http://www.lemonstripe.com/test/  Any help?
  2. Style Accordion Heading

    I am trying to style the font of the Accordion title, but I cannot find out how to do this. Sorry rookie question.
  3. Hi I am looking for an 'accordion' like approach that can be applied to individual sections of page content and work as a shortcode. A full accordion which does have a pagelines shortcode [pl_accordion] is not what I want as it collapses any other open sections and looks as though it does not like being used more than once on a page.. It is possible to code this directly calling bootstrap as follows: <a href="#" data-toggle="collapse" data-target="#demo3">click to reveal text 1</a> <div id="demo3" class="collapse out">text 1 to reveal contained here!</div> <br /> <a href="#" data-toggle="collapse" data-target="#demo4">click to reveal text 2</a> <div id="demo4" class="collapse out">text 2 reveal contained here!</div> The problem here is that each pairing (target / id) has to be set up by hand and as it's incremented and used HTML it is not sensible to give to end users to maintain. Much better would be a shortcode spproach which just sorted out correctly identifying the content area to expand or collapse and somehow handled incrementing id's in the background. Ideally in a form such as: [pl_collapse title="click to reveal text 1"] text 1 to reveal contained here! [/pl_collapse] I see there is a 'collapser' section in the store, but this looks to create custom post types, one per set of content, and offer much more by way of features and sophistication than I need. I am trying to keep all the content on one page!
  4. Customizing Accordion

    Hi, I tried to customize an accordion created using the pl_accordion shortcode using css in the "Custom CSS / LESS" section of the Site Options. Here is the code I used: .accordion .accordion-heading { .background-color:#000000; .color:#ffffff; } However, the styling doesn't show on the page, presumably because the accordion style properties are set by script and not by CSS? Or perhaps I am doing something wrong here? How can I get nice black accordion headings with white text on them? Regards, Sumit
  5. Hi All Site: http://tectrixone.com/our-products/ I'm trying to use Bootstrap Icons in Accordion headers but I don't seem to be able to use the Bootstrap icon code (or for that matter any text style code) mixed in with the pl-accordion shortcode. I can of course change the whole style of the Accordion header in CSS but I want to differentiate the arrow color from the text color. Anyone done this or have any pointers it would be much appreciated - Many thanks -- Fintan
  6. I'd like to have a Pagelines button initiate an accordion. Is this possible? I tried it but it didn't work. I may not know enough though how to do this.
  7. Hi there, I am trying to enable both a grid and an accordion via the shortcode in one of my pages. I have lifted the code directly from the tools page http://demo.pagelines.me/tools/ but neither is displaying. I am pasting the code into the Text editor and have used the [pl_raw] wrap as well. I have tried disabling all my plugins, but still cant get the grid/accordion to display. The page for the accordion is: http://www.sqaacademy.org.uk/sslnwordpress/?page_id=292 and the password is test Many thanks
  8. Multiple Accordions On One Page

    Hi, I am trying to implement multiple accordions on one page and can not get them to work. I have made sure each accordion has a unique name name="accordion1" name="accordion2" etc etc I have, within each accordion, numbered them number="1" number="2" etc etc Yet it seems to only load the first set of accordions and then repeats it instead of the others (2,3,4) What am I missing? http://paste.pagelines.com/5c3 Thanks
  9. Accordion

    Hello, I am working with the accordion feature. When the page loads, the first "accordion" is open. Is there a way to style it so that it is closed on load? http://www.discoveryoutsourcing.com/test/discovery-defined/mission/ Thanks in advance. On a side note, I am sad that pagelines will not be at WordCamp Denver this weekend
  10. Hello! I need to individualize margins for separate accordions on different pages. Does anybody know how to do this? To see what I mean: 1. Go to this page: www.arttrustmasters.com/art-history-timeline/ See how the "read more" is aligned with the main text? I was given the custom code to achieve this: .accordion-heading {background: #ffffff;} .accordion-group {border:none;} .accordion-group {background: #ffffff;} .accordion-heading a:hover {background: #ffffff;} .accordion-heading {margin-left: 645px;} .accordion {margin-top: -51px;} This works very well. I was given this code to use on the html part of the page: [pl_accordion name="accordion"] [pl_accordioncontent name="accordion" number="1" heading="read more" open="no"] [/pl_accordioncontent] Here is the problem: 1. I set up 2 more accordions on 2 other pages 1.www.arttrustmasters.com/featured-article/ I used the same code to set it up on the page which works: pl_accordion name="accordion2"] [pl_accordioncontent name="accordion2" number="1" heading="read more" open="no"] [/pl_accordioncontent] The problem is that I can't set up/control the margins: .accordion2-heading {margin-left: 600px;} .accordion2 {margin-top: -51px;} The margins don't move anywhere no matter what number I put in ___px. 2. www.arttrustmasters.com/latest-news/ Same thing as above. I used the same code to set it up on the page which works: pl_accordion name="accordion3"] [pl_accordioncontent name="accordion3" number="1" heading="read more" open="no"] [/pl_accordioncontent] The problem is that I can't set up/control the margins: .accordion3-heading {margin-left: 300px;} .accordion3 {margin-top: -51px;} Can anybody tell me what I am doing wrong? Here is how the entire custom code looks like: .accordion-heading {background: #ffffff;} .accordion-group {border:none;} .accordion-group {background: #ffffff;} .accordion-heading a:hover {background: #ffffff;} .accordion-heading {margin-left: 645px;} .accordion {margin-top: -51px;} .accordion2-heading {margin-left: 600px;} .accordion2 {margin-top: -51px;} .accordion3-heading {margin-left: 300px;} .accordion3 {margin-top: -51px;} Thank you all for your help! Marlene
  11. ToggleBox shortcode

    Hi, this might be a trivial question, or has been solved before and I am just having a hard time finding an answer. I have read in the docs that pagelines come with an extensive shortcode library. I am trying to look for a shortcode for Toggle Boxes. something simple like: [toggle_box title="Toggle Box Title"]Box Contents[/toggle_box] Could you please point me in the right direction to find out how to implement this feature? Thank you Paulie PS: in case you would like to see the look that i am trying to achieve you can see these sample shortcodes in the following link: http://themes.doitmax.de/wordpress/invictus/?page_id=17