Extra space between content and Table

Viewing 15 replies - 1 through 15 (of 15 total)

  • Edit the page and enter the Text mode by clicking the Text tab to the top-right of the editor page, you should now be able to see the additional paragraph tags that are present within your post contents.

    Hope this helps.

    Edit the page and enter the Text mode by clicking the Text tab to the top-right of the editor page, you should now be able to see the additional paragraph tags that are present within your post contents.

    Hope this helps.

    Edit the page and enter the Text mode by clicking the Text tab to the top-right of the editor page, you should now be able to see the additional paragraph tags that are present within your post contents.

    Hope this helps.

    Edit the page and enter the Text mode by clicking the Text tab to the top-right of the editor page, you should now be able to see the additional paragraph tags that are present within your post contents.

    Hope this helps.

    Edit the page and enter the Text mode by clicking the Text tab to the top-right of the editor page, you should now be able to see the additional paragraph tags that are present within your post contents.

    Hope this helps.

    Yeah, it looks like you’ve got some unwanted extra content in that page’s text editor. Try deleting everything below the text that you want to appear and let me know if that gets rid of the space.

    -Kevin

    Thread Starter sunnylife

    (@sunnylife)

    @theme Sumo and @kevin

    I tried your suggestion but not works for me. When I edited in visual mode then table border lost their visual affect and design. Kindly suggest me other way that work best in text mode.

    Without seeing what you’ve got in your text editor, it’s difficult to say what to delete without losing the styling.

    Using chrome inspect tool, you can see that you’ve added two paragraphs that are only containing line breaks and nothing else. Try just deleting those paragraphs and see if that works.

    -Kevin

    Thread Starter sunnylife

    (@sunnylife)

    Thank you for your response Kevin.

    I have added below codes. Kindly look into it:

    <p align=”justify”>We are constantly growing and will expand our delivery areas soon. Stay tuned though, as we’re always working on ways to reach you soon! Our services currently cover delivery to almost all locations of Patna, Bihar. We are serving at all the pin codes listed below:</p>

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    table {
    width:80%;
    }
    table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    }
    th, td {
    padding: 5px;
    text-align: left;
    }
    table#t01 tr:nth-child(even) {
    background-color: #eee;
    }
    table#t01 tr:nth-child(odd) {
    background-color:#fff;
    }
    table#t01 th {
    background-color:#4285F4;
    color: white;
    }
    </style>
    </head>
    <body>

    <table id=”t01″ align=”center”>

    <tr>
    <td>800001</td>
    <td>800002</td>
    <td>800003</td>
    <td>800004</td>
    </tr>
    <tr>
    <td>800005</td>
    <td>800006</td>
    <td>800007</td>
    <td>800008</td>
    </tr>
    <tr>
    <td>800009</td>
    <td>800010</td>
    <td>800011</td>
    <td>800012</td>
    </tr>
    <tr>
    <td>800013</td>
    <td>800014</td>
    <td>800015</td>
    <td>800016</td>
    </tr>
    <tr>
    <td>800017</td>
    <td>800018</td>
    <td>800019</td>
    <td>800020</td>
    </tr>
    </table>

    </body>
    </html>

    Hey,
    None of this should be added into page content:

    <!DOCTYPE html>
<html>
<head>
<style>
table {
width:80%;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
table#t01 tr:nth-child(even) {
background-color: #eee;
}
table#t01 tr:nth-child(odd) {
background-color:#fff;
}
table#t01 th {
background-color:#4285F4;
color: white;
}
</style>
</head>
<body>

    Or the closing:

    </body>
</html>

    If you want to add css add it through the theme options > advanced settings.

    Ben
    Kadence Themes

    Thread Starter sunnylife

    (@sunnylife)

    Thank you so much Kadence Themes.

    How should I remove extra spaces in FAQ page?

    Please post a link so I can view this space.

    -Kevin

    Thread Starter sunnylife

    (@sunnylife)

    Here is the link of my FAQ page:
    https://bit.ly/2cZiBrW

    Above your FAQ you have an paragraph containing 10 break returns <br> that is causing the additional space above your FAQ.

    Are you using the inline styling as in the previous page? If so, do as the theme developer suggested and remove the CSS from the page and replace it in Theme Options> Advanced Settings.

    -Kevin

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Extra space between content and Table’ is closed to new replies.