Reduce gap between icon and H2

[hypnorich]

I have added an icon in a text box and then have put a heading under it but there is a large amount of white space between the icon and heading. Could you help me in reducing the white space please?
The html I have used is

<h2 style="text-align: center;">[x_icon type="phone"]</h2>
<h2 style="text-align: center;">You call</h2>
<p style="text-align: center;">Give us the details about your event and we will send you a quote at our most competitative rate</p>

and the image shows you how that looks

[Prasant]

Hello Richard,

Thanks for asking.

Please update the code you have shared with following.

<h2 style="text-align: center;">[x_icon type="phone"]</h2>
<h2 class="info" style="text-align: center;">You call</h2>
<p style="text-align: center;">Give us the details about your event and we will send you a quote at our most competitative rate</p>

After that add following CSS under X/Pro > Theme Options > CSS:

.info {
    margin-top: 10px;
}

You can change the class name info as per your requirement.

Thanks.

[hypnorich]

Perfect. Thanks

[Prasant]

You are most welcome.