7 replies to this topic

[itarsenal]

Hi, I'm implementing the accordion shortcode found here

Please Login or Register to see this Hidden Content

on this page

Please Login or Register to see this Hidden Content

Near the bottom.

I've checked the code and it seems to be right, but I have a large gap between accordions, not like the example, what might be causing that. I tried to pick out the CSS but it doesn't seem to be the problem.

Picture example attached.

Attached Files

•  Screen Shot 2012-11-11 at 4.29.35 PM.png   272.84K  9 downloads

[Simon_P]

show us exactly what code you are using

[itarsenal]

[pl_accordion name="accordion"]
[pl_accordioncontent name="accordion" number="1" heading="Business Roadmap" open="no"]</p>
<p><a href="

Please Login or Register to see this Hidden Content

class="alignright size-full

Please Login or Register to see this Hidden Content

alt="" width="251" height="206" /></a><span style="font-family: georgia,palatino;"><strong>Face it</strong>, the hardest part of getting your business online and off the ground is simply knowing where to start and how to reach your goals with the technology out there. Do you need a roadmap?<br /> </span></p>
<p><span style="font-family: georgia,palatino;">In short, this <strong>FREE information tool</strong> will help you learn...</span></p>
<ul>
<li><span style="font-family: georgia,palatino;">How Wordpress, websites, newsletters, and sales systems actually work<br /></span></li>
<li><span style="font-family: georgia,palatino;">What services to choose and key terms<br /></span></li>
<li><span style="font-family: georgia,palatino;">How to deliver your service or product online</span></li>
<li><span style="font-family: georgia,palatino;">Where to get support for theme tweaks, digital headaches and any other questions that arise</span></li>
</ul>
<p>
[/pl_accordioncontent]
[pl_accordioncontent name="accordion" number="2" heading="Logo, Header and Image Basics"]
<p><a href="

Please Login or Register to see this Hidden Content

class="alignleft size-medium

Please Login or Register to see this Hidden Content

alt="" width="300" height="168" /></a></p>
<p>Tactics for the beginner to cut the crap and launch an idea, not work with a designer for months. <em></em></p>
<p><em>This course will erase the excuse that you MUST have a graphic designer to move forward.</em> Over 10 lectures, and more than 1 hour of content for a super low price. </p>
<p style="text-align: right;">See this course on Udemy</p>

[/pl_accordioncontent]
[pl_accordioncontent name="accordion" number="3" heading="WordPress Trainer Program"]
<p>The Trainer will give you all the information you need to set up your own website quickly and easily. This isn’t your run-of-the-mill PDF that’s been done before. The Trainer contains actionable content with live support, helping you get your website live and your product online in no time.</p>
<p>When it comes down to it, the Trainer is a course that can turn anyone who can use e-mail into the master of their own full-fledged website, quickly and completely.</p>
<p>&nbsp;</p>
<p><strong><a href="

Please Login or Register to see this Hidden Content

all the details about the Trainer, click here.</a></strong></p>
[/pl_accordioncontent]
[/pl_accordion]

[Simon_P]

Please use the pastebin, the forum adds its own formatting

Please Login or Register to see this Hidden Content

[itarsenal]

Ah okay.

Please Login or Register to see this Hidden Content

I see that my Tiny MCE plugin is adding some </br> so that could be part of the problem...I'm guessing the culprit?

[catrina]

That might be. Can you please deactivate it and let us know what happens?

[Simon_P]

yes it is, only use the html editor NEVER the visual editor...

also wp will still add br and p tags... here an example:

[shortcode]
text
[/shortcode]

wordpress will change this to:
[shortcode]<br>
text<br>
[/shortcode]

so you need to do [shortcode]text[/shortcode]

[beardedavenger]

Or, leave as is and wrap your entire piece of code in the [pl_raw] shortcode.

Ex

[pl_raw]

all your code

[/pl_raw]

This will tell Wodpress not to format as Simon has explained above.