Jump to content


Photo
- - - - -

Accordian Spacing Is Wrong


This topic has been archived. This means that you cannot reply to this topic.
7 replies to this topic

#1 itarsenal

itarsenal

    Advanced Member

  • Members

  • 95 posts

Posted 11 November 2012 - 09:32 PM

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



#2 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 11 November 2012 - 09:34 PM

show us exactly what code you are using

#3 itarsenal

itarsenal

    Advanced Member

  • Members

  • 95 posts

Posted 12 November 2012 - 03:28 PM

[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 wp-image-3636" title="Knowing What You Don't Know Online Business" src="

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 wp-image-4553" style="margin: 5px 10px;" title="Image Editing Basics" src="

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]

#4 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 12 November 2012 - 03:30 PM

Please use the pastebin, the forum adds its own formatting ;)

Please Login or Register to see this Hidden Content



#5 itarsenal

itarsenal

    Advanced Member

  • Members

  • 95 posts

Posted 12 November 2012 - 04:29 PM

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?

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 12 November 2012 - 04:49 PM

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

#7 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts

Posted 12 November 2012 - 04:50 PM

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]

#8 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts

Posted 12 November 2012 - 07:51 PM

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.