[anncox1289Participant]

It seems when I inspect the sections of my page, there is always a <p><br></br> under the slider or x-header landmark. How do I manually delete this?

[RahulModerator]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[anncox1289Participant]

rmclinic.org

thanks

[ThaiModerator]

Hi There,

Please provide us with your admin account as well.

Many thanks.

[anncox1289Participant]

This reply has been marked as private.

[JadeModerator]

HI there,

I have checked some pages of your site but I can’t seem to find the issue that you have described like this page: http://rmclinic.org/wellness-journal/ there seems to be no br and p tags present under the landmark headers.

[anncox1289Participant]

they are there when you inspect the elements, and it is also evident due to the immense amount of white space underneath the slider or x-landmark.

please see screenshot of the page inspected along with the <p> and <br> tags that are shown in the inspect window. once you do that, please give me advice on how to delete them on the back-end.

[anncox1289Participant]

they tags are there when you inspect the elements, and it is also evident due to the immense amount of white space underneath the slider or x-landmark.

please see screenshot of the page inspected along with the and <br> tags that are shown in the inspect window. once you do that, please give me advice on how to delete them on the back-end.

[Rue NelModerator]

Hello There,

Thanks for sending us the screenshot. The issue happened because you have inserted html codes in your content which are not allowed. The body and html element are invalid. You may use only this:

[huge_it_slider id="2"]

<style media="screen" type="text/css">
body {
 text-align: center;
}
.gradient {
    background: linear-gradient(to top, rgba(84,185,73,0.15), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0), rgba(3,213,200,0.15));
}
.section-wrapper {
    width: 100%;
    margin: 0 auto;
    display: block;
position: relative;
}
.mission-vision {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    float: center;
    clear: none;
    width: 100%;
    margin-left: 0 auto;
    margin-right: 0 auto;
 -webkit-column-gap: 5em; /* Chrome, Safari, Opera */
    -moz-column-gap: 5em; /* Firefox */
    column-gap: 5em;
padding: 2em 4em 3em 4em;
-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    -webkit-column-rule-color: grey; /* Chrome, Safari, Opera */
    -moz-column-rule-color: grey; /* Firefox */
    column-rule-color: grey;
-webkit-column-fill: balance; /* Chrome, Safari, Opera */
    -moz-column-fill: balance; /* Firefox */
    column-fill: balance;
}
*, html, body, th, td {
margin: 0 auto;
padding: 0 auto;
}
div {
    display: block;
}
.mission-left {
text-align: center
padding: 0 auto;
}
.vision-right {
text-align: center;
padding: 0 auto;
}
h1 {
 font-size: 5em;
 font-family: Georgia,serif;
 font-variant: small-caps;
 font-weight: normal;
 font-variant: normal;
 color: gray;
 letter-spacing: 0.02em;
}
h2 {
 font-size: 5em;
 font-family: Georgia,serif;
 font-variant: small-caps;
 font-weight: normal;
 font-variant: normal;
 color: gray;
 letter-spacing: 0.02em;
}
p {
 font-size: 2em;
 font-family: Georgia, serif;
 font-weight: normal;
 font-variant: normal
 font-color: black;
}
</style>

<h1>Our Story</h1>

Hope this helps. Kindly let us know.

[anncox1289Participant]

Thank you could you please elaborate on where i inserted the html codes into my content?

[Nabeel AModerator]

Hi again,

To remove the spacing issue, try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.huge-it-wrap {
    height: auto !important;
}
h1 {
    margin-top: 10px !important;
}

let us know how this goes!

[Author]

Posts