How to add a blank line on heading

This CSS

.youtube_gallery_caption {
    margin-bottom: 1em;
}

To add CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

Hi,

Thanks for your advice.

Please advise where shall I add your coding?

The coding of that webpage is as follow:

<pre style="text-align: center;"><span style="color: #0000ff; font-size: 20pt;"><strong>Editing</strong></span></pre>
&nbsp;

[youtubegallery]

Editing 01 Drag & Drop Techniques Overview|https://www.youtube.com/watch?v=yDZCt2yNx8M&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=20

Editing 02 Drag & Drop Bin to the Edit Viewer|https://www.youtube.com/watch?v=75gVWuTxtas&index=21&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv

Editing 03 Drag & Drop Bin to the Timeline
https://www.youtube.com/watch?v=-tqcXfArrV0&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=22

Editing 04 Drag & Drop Timeline to the Bin|https://www.youtube.com/watch?v=ChM4A_9w2kg&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=23

Editing 05 Drag & Drop in the Timeline Part1|https://www.youtube.com/watch?v=SHoJSD7TG_M&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=24

....

[/youtubegallery]

What I expect to achieve is bringing the windows of both;

Editing 04 Drag & Drop Timeline to the Bin
and
Editing 05 Drag & Drop in the Timeline Part1

to the same level, not adding a blank line below all headings.

Besides, do I need to install “Simple Custom CSS plugin” ?

Thanks

Regards
satimis

You do not need to install any plugins. Please follow the directions in my original post:

use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

Hi,

Thanks for your advice.

Please advise where shall I add your coding?

The coding of that webpage is as follow:

<pre style="text-align: center;"><span style="color: #0000ff; font-size: 20pt;"><strong>Editing</strong></span></pre>
&nbsp;

[youtubegallery]

Editing 01 Drag & Drop Techniques Overview|https://www.youtube.com/watch?v=yDZCt2yNx8M&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=20

Editing 02 Drag & Drop Bin to the Edit Viewer|https://www.youtube.com/watch?v=75gVWuTxtas&index=21&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv

Editing 03 Drag & Drop Bin to the Timeline
https://www.youtube.com/watch?v=-tqcXfArrV0&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=22

Editing 04 Drag & Drop Timeline to the Bin|https://www.youtube.com/watch?v=ChM4A_9w2kg&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=23

Editing 05 Drag & Drop in the Timeline Part1|https://www.youtube.com/watch?v=SHoJSD7TG_M&list=PLTau2hWDhFVbOT7CONknIo09aF3Hb-isv&index=24

....

[/youtubegallery]

What I expect to achieve is bringing the windows of both;

Editing 04 Drag & Drop Timeline to the Bin
and
Editing 05 Drag & Drop in the Timeline Part1

to the same level, not adding a blank line below all headings.

Besides, do I need to install “Simple Custom CSS plugin” ?

Thanks

Regards
satimis

Hi,

Thanks for your further advice.

Sorry I couldn’t figure out how to make it. I have created a new webpage;

Lightworks Version 14 – Video testing
https://satimis.com/lightworks-version-14-video-testing/

for this test.

Steps performed as follows;

Menu -> Appearance -> Customize -> Additional CSS

On the left screen, bottom box adding;

.youtube_gallery_caption {
    margin-bottom: 1em;
}

on right screen evoking/bring up;
Lightworks Version 14 – Video testing

Then clicking “Published”

I didn’t find any change on the webpage.

I found following article;
How to Easily Add Custom CSS to Your WordPress Site
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

It also didn’t help me out.

Please help.

Besides the theme of the webpage rotates

Regards
satimis

I’m seeing the proper spacing now. Clear your brower’s cache.

Hi,

Please forget the link on my first posting.

I’m now testing on following webpage;
Lightworks Version 14 – Video testing
https://satimis.com/lightworks-version-14-video-testing/

It was created specifically for this test. There are only 2 Youtube Video on this page

On the left
Lightworks v14 – Quick Start Guide

On the right
Lightworks 14 – Basics 1 Titles and Overlays

I expect bringing their thumb-nail screens to the same line (same space). For doing so I need to adding a blank line below “Lightworks v14 – Quick Start Guide”

Coding of this page:

<pre style="text-align: center;"><span style="color: #0000ff; font-size: 20pt;"><strong>Lightworks Version 14 - Video testing</strong></span></pre>
&nbsp;

[youtubegallery]
Lightworks v14 - Quick Start Guide|https://www.youtube.com/watch?v=Zucj0WaNLko&list=PLTau2hWDhFVb-bDFjosAHCWAo03q7qi1l

Lightworks 14 - Basics 1 Titles and Overlays|https://www.youtube.com/watch?v=aff4HvsC4RI
[/youtubegallery]

Clearing cache can’t find any change.

Adding &nsbsp after ‘Lightworks v14 – Quick Start Guide’ can do the job;
Lightworks v14 - Quick Start Guide &nbsp|https://www.youtube.com/watch?v=Zucj0WaNLko&list=PLTau2hWDhFVb-bDFjosAHCWAo03q7qi1l

But “&nbsp” appears on the page

Edit
====
Sometimes works with both windows on the same space. But another time failed. It is quite strange to me.

Regards
satimis

• This reply was modified 6 years, 8 months ago by satimis.

It looks OK to me

See https://cldup.com/u_UNHwGrvVr/0e3AcH.png

Hi Steve,

It works on Google Chrome on the same PC. But
it can’t work on Firefox. I have cleared the cache memory.

I don’t know why?

But it works on Firefox browser on another PC

Anyway lot of thanks for your help.

satimis

It looks the same (just fine) to me with the current Firefox.

Hi Steve,

It looks fine on Google Chrome on the same PC and on Firefox on another PC. But on Firefox on the same PC it looks as the previous old webpage. The windows of Youtube video are not on the same space as before edting.

It is very strange to me

satimis

Hi Steve,

I have added more Youtube video to that webpage;

https://satimis.com/lightworks-version-14-video-testing/

Please advise how to edit them so that they would be on the same space similar to the first 2 video?

Thanks in advance

satimis