Archived

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

  • 0

Accordian Spacing Is Wrong

Question

Posted · Report post

Hi, I'm implementing the accordion shortcode found here

http://demo.pagelines.me/tools/#close

on this page

http://itarsenal.com/services-shop/

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.

post-37379-0-29587800-1352669544_thumb.p

Share this post


Link to post
Share on other sites

7 answers to this question

Posted · Report post

show us exactly what code you are using

Share this post


Link to post
Share on other sites

Posted · Report post

[pl_accordion name="accordion"]

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

<p><a href="http://itarsenal.com/services-shop/knowing-what-you-dont-know/"><img class="alignright size-full wp-image-3636" title="Knowing What You Don't Know Online Business" src="http://itarsenal.com/wp-content/uploads/2011/06/kwydkmenuheader3.png" 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="http://itarsenal.com/wp-content/uploads/2011/06/udemyimagebasics.png"><img class="alignleft size-medium wp-image-4553" style="margin: 5px 10px;" title="Image Editing Basics" src="http://itarsenal.com/wp-content/uploads/2011/06/udemyimagebasics-300x168.png" 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="http://itarsenal.com/wordpress-websites/train-me/">For all the details about the Trainer, click here.</a></strong></p>

[/pl_accordioncontent]

[/pl_accordion]

Share this post


Link to post
Share on other sites

Posted · Report post

Ah okay.

http://paste.pagelines.com/4lw

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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]

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites