Spacing between Paragraphs
-
I have a problem inside tabs using this plugin whereas the spacing between paragraphs is more like 1.5 or double spaced. What shortcode do I edit to fix this?
THanks
-
Normally the spacing would be the same as for paragraphs outside of the tabs, but you can probably add some CSS rules to get it looking how you want.
Can you post a link to the page on your site where I can see this?
Can I PM it to you? The page is not official up yet and is password protected on a live site.
Sorry I can only do free support if it is kept 100% on the forum where it can benefit the community as a whole.
Ok sure:
http://www.sparxtrading.com/canadian-online-brokerage-review-sample-broker/
Password: nomorego
It looks like that might be marked up with an extra empty paragraph on the tab content between the paragraphs – or it could be added by WordPress’s wpautop function. Did you enter the tabs in the visual editor or the text editor?
Can you copy the tabs section of the page from the text editor & paste it in here – don’t forget to use the forum’s “code” button to enclose it in code backticks?
I used the text editor not the visual editor.
[tabby title="Pricing & Fees" active="active"] <div class="tabcontentouter"> Curabitur molestie metus lacinia velit malesuada, in ultrices dolor aliquam. Ut vitae tincidunt metus, et sagittis enim. Aliquam tortor ligula, malesuada sed lacinia commodo, posuere vel sapien. Vestibulum mollis eu elit mollis mattis. Praesent neque orci, hendrerit quis tristique ut, sollicitudin a augue. Curabitur aliquam dolor diam, at convallis arcu commodo eu. In sed convallis ante, ac pulvinar diam. <table> <tbody> <tr> <th></th> <th>Min/Max Commission</th> <th>ECN Fees Extra</th> <th>Charge based on</th> </tr> <tr> <td>Penny Plan</td> <td>Min: $1.99 Max: $3.99</td> <td>No</td> <td># of Shares</td> </tr> <tr> <td>Per Trade Plan</td> <td>$11.79</td> <td>No</td> <td># of Trades</td> </tr> <tr> <td>Per Share Plan</td> <td>Min: $17</td> <td>Yes</td> <td># of Tickets</td> </tr> </tbody> </table> Suspendisse eleifend aliquam pulvinar. Etiam elementum mi nec magna tristique, vel gravida lorem lobortis. Nam pulvinar felis eget sem elementum gravida. Curabitur fringilla, urna sit amet hendrerit lacinia, sapien lectus adipiscing diam, et faucibus ante dui ac justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed facilisis nibh iaculis neque lobortis dictum. Aliquam euismod pulvinar risus, quis ullamcorper nulla facilisis vitae. Integer non volutpat risus. Morbi fringilla, quam eget fringilla mollis, erat velit tristique erat, nec lobortis quam diam et ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dignissim aliquam dolor. Curabitur eleifend, mauris ac consectetur eleifend, sem eros ultrices mi, consectetur egestas magna tellus in ipsum. Curabitur consectetur hendrerit mi, ac adipiscing orci condimentum eu. Curabitur molestie metus lacinia velit malesuada, in ultrices dolor aliquam. Ut vitae tincidunt metus, et sagittis enim. Aliquam tortor ligula, malesuada sed lacinia commodo, posuere vel sapien. Vestibulum mollis eu elit mollis mattis. Praesent neque orci, hendrerit quis tristique ut, sollicitudin a augue. Curabitur aliquam dolor diam, at convallis arcu commodo eu. In sed convallis ante, ac pulvinar diam.</div> [tabby title="Account Types"] Fusce aliquet massa arcu, sit amet facilisis purus scelerisque nec. Donec vulputate libero nec est laoreet, eu semper sem bibendum. Integer vel tellus velit. Aenean dictum aliquam imperdiet. Morbi rutrum mauris ut justo hendrerit adipiscing. Donec varius posuere nulla, ac consequat ligula tincidunt vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam dolor ante, pharetra non imperdiet ut, rutrum sit amet leo. Integer lacinia ante id erat eleifend posuere. Vestibulum vehicula mollis lorem ac malesuada. Nulla nunc tellus, fermentum sit amet neque et, hendrerit interdum nunc. Aenean tincidunt facilisis ultrices. Nunc volutpat mollis nunc, vitae ultricies leo egestas ut. Praesent in venenatis odio, sit amet ultrices ipsum. Maecenas egestas erat nec lorem convallis aliquam. Phasellus non neque neque. Fusce a nisi in orci pellentesque sodales vitae ut orci. Quisque a feugiat nulla. Duis in ante dignissim lorem placerat fermentum eu et elit. Nunc urna elit, semper eget fermentum quis, tempus non magna. Proin sollicitudin neque non ante consectetur, quis aliquam erat pellentesque. [tabby title="Platform/Data"] Proin augue erat, molestie ac consequat et, imperdiet nec arcu. In sed fringilla orci. Fusce vestibulum odio eget lacus aliquam, at pulvinar ante porttitor. Maecenas mollis, nisl ut scelerisque dictum, justo elit tincidunt metus, id mattis justo odio id nulla. Fusce a nisi in orci pellentesque sodales vitae ut orci. Quisque a feugiat nulla. Duis in ante dignissim lorem placerat fermentum eu et elit. Nunc urna elit, semper eget fermentum quis, tempus non magna. Proin sollicitudin neque non ante consectetur, quis aliquam erat pellentesque. Mauris porta, lectus vel fringilla ullamcorper, sapien odio tempus turpis, vel venenatis lacus neque nec diam. [tabby title="Reviews & Ratings"] <table> <tbody> <tr> <th></th> <th>What Review Measures</th> <th>Score</th> <th>Date of Ranking</th> </tr> <tr> <td>Dalbar Canada Review</td> <td>Client Service</td> <td>Not Rated</td> <td>December 2013</td> </tr> <tr> <td>Globe and Mail Review</td> <td>Overall Impression</td> <td>#8 out of 14</td> <td>Nov. 2013</td> </tr> <tr> <td>JD Power Review</td> <td>Investor Satisfaction</td> <td>Not Rated</td> <td>August 2013</td> </tr> </tbody> </table> [tabby title="Compare"]Coming Soon[tabbyending]There should be a <p> at the beginning of the tab panel content – when I copied your markup into my test site it was fine. I’ve not been able to emulate this issue on my test site using fairly standard themes, so my best guess is that there may be something going on in your theme that is stripping out paragraph tags so the wpautop function adds an extra opening p tag in the wrong place before it can add a closing one.
Does this show the same issue if you try the same on a default theme such as twenty thirteen?
Unfortunately as you are using a themeforest theme that is not available for me to look at I don’t think I can troubleshoot any further.
We actually stripped the <p> at the beginning because it was causing the information to be indented too far at the beginning of each tab. I guess that is the problem? It sucks to have anything with a <div> call indented really far.
That’s what has caused your problem – you should have mentioned that earlier.
You can probably fix the indentation with a CSS rule. I’m guessing the indentation is coming from the theme?
That’s what I was saying, which tabby shortcode I had to change for the indent.
what do you mean by indent? there’s no indentation in the shortcode.
How did you strip the <p> tag? Have you put it back?
We actually made some changes to the php file and then changed the .responsive-tabs__panel from padding: 20px 20px 0; to padding: 20px.
It fixed the <p> indenting the tabs that have a <div> call but screwed up the spacing. I reverted it back to what it was originally and now you can see there’s always a <p> in the tab that calls any <div>. I don’t think its the wordperss autowrap sicne it doesn’t effect all tabs, just ones that call a <div>
Any ideas?
I’m sorry, but I am not able to support a version of the plugin that has had the code changed from the released version.
It’s reverted back to everything as is. We were trying to fix the <p> option by changing some of the php. What you see now is exactly the default plugin.
I can’t see the page any more
The topic ‘Spacing between Paragraphs’ is closed to new replies.