Jump to content
itarsenal

Accordian Spacing Is Wrong

Recommended Posts

itarsenal+    3
itarsenal

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


Robert Granholm

http://itarsenal.com | Technical Support for Online Entrepreneurs

Share this post


Link to post
Share on other sites
Simon    247
Simon

show us exactly what code you are using

Share this post


Link to post
Share on other sites
itarsenal+    3
itarsenal

[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]


Robert Granholm

http://itarsenal.com | Technical Support for Online Entrepreneurs

Share this post


Link to post
Share on other sites
Simon    247
Simon

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
beardedavenger    158
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.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×