Line spacing issue with Visual Composer templates

Posted in: Newspaper
Post count: 85

Visual Composer is a really helpful tool for quickly creating pages and posts. I deal a lot with having to create posts with similar content and different snippets. So I have been using templates to achieve this. I start out selecting one template, then add other templates to the post that I have. However, when I add more than one template to a post, it totally throws off the spacing, resulting in WordPress incorrectly spacing paragraphs. Both in the editor, and on the post itself when viewing it.

Here are screenshots depicting the issue:

1. First template has been added to a post.
http://awesomescreenshot.com/0502grn4a6

2. Second template has been added to the post.
http://awesomescreenshot.com/0ae2grn5e0

This may appear trivial, but when you go to view a post, the paragraphs lose the spacing between them.

1. Before
http://awesomescreenshot.com/07b2grnx4f

2. After
http://awesomescreenshot.com/00a2grnsa6

Does anyone know why this is happening and how to fix it?

Post count: 3343

Hi,
Do you use this, when you say you use templates: http://screencast.com/t/8DvjiZumfB8

Can you give me a template, paste here from classic editor what you use to test it.
Thanks!

Post count: 85

First template: http://pastebin.com/6tB2Tk0h
Second template: http://pastebin.com/2nP9QCzn
Combined templates: http://pastebin.com/586fMZHM

Please also note that I am using shortcodes in the templates that are used by plugins I have installed. I also set my posts to the Video format. And I have modified the child theme CSS to add a top margin to P tags using this CSS code:

.format-video p {margin-top: 21px !important; padding-top:0 !important;}

From what I can see, when the second template gets adding, it removes the blank lines surrounding the text, and WordPress doesn’t format it automatically as a paragraph because of it.

  • This reply was modified 12 years by sunkast.
Post count: 3343

Hi,
Is something with autoformating from wordpress editor, what you can do is to add a padding-bottom on tabs, try this CSS

.wpb_tab {
    padding-bottom: 21px !important;
}
Post count: 85

Got it. Thanks Marius.

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.