Themeco Community

Hi There,

Thank you for the complete information. The space below is a combination of an empty space at end of the text element which is converted into paragraph tag on the frontend and also the space for your headline. Although you move it higher, it still occupied the space below.

Please try the following.
1. On each of those TEXT element STYLE FIELD, add position: relative;
2. For each of your headline style, please update position: relative; to position: absolute; like below:
<h2 class="h-custom-headline man center-text h4" style="text-transform: uppercase; position:absolute; bottom: 245px; "><span> Lorem Ipsum Text </span></h2>
3. On Appearance > Customize > Custom > CSS, add the following:

.home #x-section-1 p:empty {
    display: none;
}
.home #x-section-1 p{
    margin-bottom: none !important;
}

Hope this helps.

Hello There,

Sorry for the confusion. please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS instead.

.home #x-section-1 p:empty {
    display: none;
}
.home #x-section-1 .x-text p{
    margin-bottom: 0 !important;
}

Please let us know if this works out for you.

Hi There,

Yes, you can use the shortcode instead that will output the same html. Please update the code to this

[custom_headline type="center" level="h2" looks_like="h4" accent="false" class="man center-text" style="text-transform: uppercase;position: absolute;bottom: 145px;color: #fff;left: 25%;"]Lorem Ipsum Text[/custom_headline]

I’ve added the left: 25%; property that should center your text.

This classes h-custom-headline man center-text h4 are predefined in X|Theme. home is a class that applied by WordPress to your home page. If you need to apply that to other page you need to replace the .home with the page class-id (page-id-XX).

How to Locate Post/Page IDs

Hope it helps, Cheers!