[Resolved] My post title is overlapping.

Home Forums Support [Resolved] My post title is overlapping.

Home Forums Support My post title is overlapping.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1539862
    Mahesh

    Hello,

    Recently I messed up with a few codes and since then, the post title is overlapping. You can check out from here – https://lifezeazy.com/make-money/

    I tried everything but couldn’t understand what’s going on. I hope you can fix this error.
    If you want the additional CSS codes, here it is:

    .post-image {
    margin-bottom: 0
    !important;
    }
    .wpsp-related-posts {
    background-color: #f2f3f4;
    padding: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

    .wpsp-related-posts h2 {
    margin-bottom: 64px;
    }
    .post-navigation {
    display: none;
    }
    .wpsp-related-posts {
    background-color: #ffffff;
    padding: 30px; /* reduce padding here */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
    #text-23 {
    background: #63b06e;
    color: #FFF;
    padding: 10;
    }
    p a:link, p a:hover, p a:active, p a:visited {
    text-decoration: underline;
    }
    .entry-content ul li,
    .entry-content ol li {
    margin-bottom: 10px;
    }
    .custom-container {
    background-color: #E4E4E4;
    padding: 10px;
    box-sizing: border-box;
    }
    .entry-content p + h2,
    .entry-content p + h3 {
    margin-top: 1.5em;
    }
    /* GeneratePress Site CSS */ .inside-article,
    .sidebar .widget,
    .comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
    }

    /* Featured widget */
    .sidebar .widget:first-child {
    background-color: #32373B;
    color: #fff;
    }

    .sidebar .widget:first-child .widget-title,
    .sidebar .widget:first-child a:not(.button) {
    color: #fff;
    }

    .sidebar .widget li {
    margin-bottom: 15px;
    }

    .button.light {
    background: #fff;
    color: #000;
    }

    .button.light:hover {
    background: #fafafa;
    color: #222;
    }

    .separate-containers .page-header {
    background: transparent;
    padding: 20px 0;
    }

    .page-header h1 {
    font-size: 30px;
    }


    @media
    (max-width: 768px) {
    .post-image img {
    max-width: 100%;
    }
    } /* End GeneratePress Site CSS */

    Thanks,
    Mahesh

    #1540127
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Typography > Headings and make sure you headings have a line-height of 1 or above. Currently you have them set to 0

    #1540148
    Mahesh

    Thanks, David! It worked.

    #1540182
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.