How to remove space between navigator-bar, content-text-area and footer

  • Resolved kaikongchan

    (@kaikongchan)


    7 years, 10 months ago

    Dear www.remarpro.com,

    How can I remove the spacing between my content-text and footer?

    My site: https://thelearningenglish.com/hometest/

    I have remove the spacing from navigator-bar & content-text already using these codes:
    ———
    .separate-containers .site-main, .entry-content {
    margin: 0px;
    }
    .separate-containers .inside-article {
    padding: 0px;
    }

    .inside-header, .inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding: 0px;
    margin: 0px;
    }

    ———

    However I still cannot remove the space between content-text-area and footer?

    Please help!

    Kai ??

    • This topic was modified 7 years, 10 months ago by kaikongchan.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    You have a few empty paragraph tags in your content: <p></p>

    Those are causing the spacing you’re seeing.

    Those tags can be added by shortcodes if you’re using shortcodes in your content.

    Otherwise, you can check the “Text” tab of your content to make sure there’s no empty lines.

    Thread Starter kaikongchan

    (@kaikongchan)

    https://thelearningenglish.com/hometest/

     additional style sheet
    div.THE_LEARNING_ENGLISH_COM_TopFreeBookAd
    {
        background-image: url("https://thelearningenglish.com/wp-content/uploads/2017/05/WebStieHomePage04FastEnglishSpellerChineseVersionFrontCoverWithFadeBackground.png");
        background-repeat: no-repeat;
        border: 1px solid red;

        width: 990px;
        height: 250px;

        padding-top:    20px;
        padding-left:   0px;
        padding-right:  0px;
        padding-bottom: 20px;

    } 

    div.THE_LEARNING_ENGLISH_COM_TopHeadLine
    {
        background-color:  rgba(0, 0, 0, 0.50); ;
        border-collapse: collapse;

        border: 0px solid green;

        width:  630px ;
        height: 247px ;

        float: left;

        
    } 

    div.THE_LEARNING_ENGLISH_COM_iPhoneCoverAndBookCoverFastEnglishSpellerChineseVersion
    {
        
        border-collapse: collapse;
        border: 0px solid orange;
        float: right;

    }

    div.THE_LEARNING_ENGLISH_COM_MiddleSignUpBanner
    {
        background-image: url("");
        background-repeat: no-repeat;

    } 

    div.THE_LEARNING_ENGLISH_COM_BottomPayBookAd
    {
        background-image: url("");
        background-repeat: no-repeat;

    } 

                           

    

/* HTML

        <div class="THE_LEARNING_ENGLISH_COM_TopFreeBookAd" >

            <div class="THE_LEARNING_ENGLISH_COM_iPhoneCoverAndBookCoverFastEnglishSpellerChineseVersion" >
                <img src="https://thelearningenglish.com/wp-content/uploads/2017/05/iPhoneCoverAndBookCoverFastEnglishSpellerChineseVersion.png" width="200" height="200" border="0" alt="iPhone & FastEnglishSpellerChineseVersion">

            </div>

            <div class="THE_LEARNING_ENGLISH_COM_TopHeadLine" >

                <img src="https://thelearningenglish.com/wp-content/uploads/2017/05/WebStieHomePage04_TopHeadLine.png" width="630" height="247" border="0" alt="">

            </div > <!-- <div class="THE_LEARNING_ENGLISH_COM_TopHeadLine" > -->

        </div > <!-- <div class="THE_LEARNING_ENGLISH_COM_TopFreeBookAd" > -->

        <div class="THE_LEARNING_ENGLISH_COM_MiddleSignUpBanner" >
    

        </div > <!-- <div class="THE_LEARNING_ENGLISH_COM_MiddleSignUpBanner" >  -->

        <div class="THE_LEARNING_ENGLISH_COM_BottomPayBookAd" >
    

        </div > <!-- <div class="THE_LEARNING_ENGLISH_COM_BottomPayBookAd" > -->

*/

    Where the <p></p> tag?

    • This reply was modified 7 years, 10 months ago by kaikongchan.
    • This reply was modified 7 years, 10 months ago by kaikongchan.
    • This reply was modified 7 years, 10 months ago by kaikongchan.
    • This reply was modified 7 years, 10 months ago by kaikongchan.
    • This reply was modified 7 years, 10 months ago by kaikongchan.
    Thread Starter kaikongchan

    (@kaikongchan)

    Where about is the <p></p>? line number?

    Thread Starter kaikongchan

    (@kaikongchan)

    Ok. fixed thanks

    Theme Author Tom

    (@edge22)

    Glad you got it working! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove space between navigator-bar, content-text-area and footer’ is closed to new replies.