Jump to content

Archived

This topic is now archived and is closed to further replies.

shannonlong

Shortcode - Accordion - Height

Recommended Posts

shannonlong    0
shannonlong

Hi. I'm trying to implement some accordion shortcodes and the accordions are working just fine but I can't size them. I've tried adding height="800" in several places but it does nothing. I'm putting an iframe inside each accordion tab and I've tried using the iframe size to make the accordion tab the correct size but no luck. See code below

[pl_accordioncontent name="accordion" number="1" heading="<strong>BEST OF DAY (6 HOURS)</strong>" height="800"  open="no"]

<iframe src="http://www.adventurecentral.com/user/web/cart/wfAdventureWeb.aspx?CLUID=75abc27d-4f6e-40d2-b0a2-cbf4bbf54d43&amp;Link=ActivityCalendar&amp;AC=BDG" width="700" height="800"></iframe>

[/pl_accordioncontent]

[pl_accordioncontent name="accordion" number="2" heading="<strong>FULL DAY (8 HOURS)</strong>"]

<iframe src="http://www.adventurecentral.com/user/web/cart/wfAdventureWeb.aspx?CLUID=75abc27d-4f6e-40d2-b0a2-cbf4bbf54d43&amp;Link=ActivityCalendar&amp;AC=FDG" width="700" height="800"></iframe>

[/pl_accordioncontent]

[pl_accordioncontent name="accordion" number="3" heading="<strong>HALF</strong><strong> DAY (4 HRS)</strong>"]

<iframe src="http://www.adventurecentral.com/user/web/cart/wfAdventureWeb.aspx?CLUID=75abc27d-4f6e-40d2-b0a2-cbf4bbf54d43&amp;Link=ActivityCalendar&amp;AC=HDG" width="700" height="900"></iframe>

[/pl_accordioncontent]

[/pl_accordion]

Any help would be greatly appreciated.

 

Shannon

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Try adding the following to your custom CSS:

 

body .hentry iframe {
max-width: none;
display: block;
}
.section-mediabox iframe {
max-width: none;
max-height: none;
}
 
Also, can you tell us where you're adding the shortcode for the accordion please. As I have added that code to a MediaBox section, which is why the code above is present for the MediaBox.
 
One other thing was your shortcode wasn't correct, please use the following instead.
 

https://gist.github.com/eb00e5eebb96f19ea76a


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
shannonlong    0
shannonlong

Thanks! I'll give it a shot this afternoon.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

OK, keep is posted.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
shannonlong    0
shannonlong

Thanks, Danny. Everything above worked.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Cool and no problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • John Olsson
      By John Olsson+
      We're often working with ACF (https://www.advancedcustomfields.com/) that's great for user experience in the backend, 'cause we don't want out clients to be in the editor to much.
      So we want to be able to use shortcodes in the editor fields, regardless of section, THIS WOULD BE SO GREAT. Is there a way to fix this, it should open up som much more functionality.
      In ACF, the shortcode is for example: 
      [acf field="field_name"] ...for example, I want to att field_names value to display in a section, i understand I can make it in embed and so, but I want it in titles and options, the whole range.
      I know I can build my own sections, that we've done, but it's not very effective, and thats what PL5 is about.
      Any ideas on this, can Pagelines take this in the core? I guessing there are more than just ACF out there who can use this.

    • jojoking
      By jojoking+
      I have to admit to being baffled.
      I'm trying to embed a video (from my WP media library) within a WP post using the videobox section shortcode.
      The shortcode section popup only allows two items to be configured - the section type, in this case videobox - and a unique id. There's no URL or other parameters such as autoplay or loop which are available within the Pagelines editor.
      Whatever I put in the unique ID makes no difference to what is shown which seems to be a default video with stars or white noise on a black background.
      I assume I need to define this ID somewhere else, or maybe WP has done it for me?
      HELP!
       
      PS This is the page source generated when a shortcode is added within the WP post editor
      <!-- VideoBox | Section --> <section id="videobox_1675853156" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="1675853156" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="280414138" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/plugins/pl-section-videobox/default.mp4?r=280414138" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#280414138')[0].load(); </script> </div> </div></div></section> </div>  
      If I add a videobox section using the Pagelines page editor the page source generated includes my video:
      <!-- VideoBox | Section --> <section id="videobox_udvu4uz" class="pl-sn pl-col-sm-12 pl-col-sm-offset-0 pl-sn-videobox" data-object="PL_VideoBox" data-clone="udvu4uz" data-level="0"><div class="pl-sn-wrap"><div class="pl-sn-pad fix" data-bind="pledit: true" > <div class="video-highlight"><h3 class="video-title" data-bind="pltext: vb_title"></h3></div> <div class="pl-video-box" data-bind="plcallback: { vb_autoplay: vb_autoplay(), vb_loop: vb_loop(), vb_controls: vb_controls(), vb_video: vb_video()}" data-callback="videobox"> <video id="429558737" autoplay loop > <source src="https://www.handinhandmanchester.org.uk/wp-content/uploads/2017/04/HIHWelcome.mp4?r=429558737" type="video/mp4" /> No browser html5 video. </video> <script> jQuery('#429558737')[0].load(); </script> </div> </div></div></section>  
    • bnapoli
      By bnapoli+
      On my site www.anewbeginning.com the "toggle" function mysteriously stopped working.  I have tried all browsers, tried disabling plugins, removing all the relevant CSS but still cant understand why it isn't working.
      The toggle is placed on this page: http://anewbeginning.com/?page_id=15965 and http://anewbeginning.com/?page_id=10779 but it does not display.
      On my other Platform5 websites, that exact code works fine: see here http://4aa.d11.myftpupload.com/?page_id=123
      Code is the same. Please help, thank you!
    • wyo22ski
      By wyo22ski+
      Hello,
       
      I'm basically a designer and understand a little on how to change CSS, etc., so please excuse my ignorance...  I recently upgraded to the newest platform from the DMS and my old DMS theme no longer functions.  I'm trying to replace the image slider that my Horizon Photography Theme (Nick Haskins) had created.  The Impulse image slider seemed the closest to what I need, but there are problems.
      It seems the the Impulse section for sliding images defaults to the image width, no the height.  I can change the Impulse stage height and width, but this does nothing to the internal content.  For instance, if I change the height to 200 pixels, the image remains the full width and only shows a cropped section.  I would like the ability to change the Impulse height, and have the image height fit space. 
      I've put this custom CSS in, but again, this only controls the stage height of Impulse:
      .pl-sn-impulse .pl-impulse-cell .cell-wrap, .pl-impulse-container, .owl-stage-outer {
        width: 100%;
      }
       
      Any suggestions welcome.  Thanks 
    • Samuel Costa - UDF
      By Samuel Costa - UDF+
      Hi.
      I need a shortcode activate a popup windows with contact form. It is possible without code?
      Link: https://www.udf.org.br/lancamentos/curso-mulher-que-prospera/
      Button: FAÇA SUA INSCRIÇÃO.
      Tks
×