Support » Theme: Celestial - Lite » Trying to reduce space below header and first line of text

  • Resolved Hypno_Pboro

    (@hypno_pboro)


    I’m trying to reduce the space between my header and h1 text.

    I thought it related to the #cta or #st-content-wrapper but playing around with them haven’t helped.

    In case I’ve made things worse, here’s what I’ve got in my child theme at present.

    = = =

    p {
    font-size: 110%;
    }

    h1, h2, h3, h4, h5, h6 {
    color: #4D6FAC;
    font-family: georgia,arial,helvetica,ubuntu, “trebuchet ms”;
    }

    body {
    font-family: georgia, Helvetica, Arial, sans-serif;
    line-height: 1;
    }

    #st-header-image {
    position: relative;
    border-bottom: 2px solid #467fc2;
    }

    .entry-content .table th, .entry-content .table td{
    border:none;
    }

    #st-socialbar-wrapper {display: none;
    }

    #st-cta {
    margin-top: 0px;
    text-align: center;
    }

    #st-content-wrapper {
    padding-bottom: 0px;
    }

    #primary-nav > li:last-child {
    border-right: 0;
    }

    #primary-nav > li:last-child > a {
    border-right: 0;
    }

    #st-footer-wrapper li {
    border-bottom: none;
    padding: 3px 0px;
    }

    #site-navigation ul.menu a {
    line-height: 10px;
    }

    = = =

    My website is cleanerstogo.co.uk

    Any guidance gratefully accepted.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • This is the CSS that is doing the padding at the top at line 147

    #st-content-wrapper {
    min-height: 10rem;
    margin: 0;
    padding: 60px 0;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #848484;
    }

    So you will want to modify the #st-content-wrapper padding you already have by doing the padding top as well because right now even though you did the bottom as 0, you still have 60px at the top.

    Thread Starter Hypno_Pboro

    (@hypno_pboro)

    Thank you.

    Child theme now has

    #st-content-wrapper {
    padding-top: 10px;
    padding-bottom: 0px;
    }

    and issue now resolved

    Thanks for creating such a responsive theme.

    You’re very welcome 🙂

    Hello,

    I am having the same problem, however i was able to fix it on the main page to an extent. However I am not able to change it on the other pages. How do I go about making the changes to other pages on the site?

    This is the change I made to the home page. Previously the padding: 5x 0; was 60x.
    I would like to make it closer to the header if possible.

    I also need to do this on all of the pages. Is there a simple way of doing this? I have quiet a few pages. Is there a program (plug-in) that will make this change across all the pages?

    #st-content-wrapper {
    min-height: 10rem;
    margin: 0;
    padding: 5x 0;
    font-size: 13px;
    font-size: 0.813rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #848484;

    This above CSS should fix the problem by reducing the padding. Please post the url you’re having problem with.

    I was told by another member that it would be a good idea to get rid of the call to action widget since I am not using it by

    Deleting this:

    #st-content-wrapper {
    margin-top: -15px;
    }
    And use this instead:

    #st-cta-wrapper {
    display: none;
    }

    However I don’t know exactly where in the php files the #st-content-wrapper is located.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I am sorry that you were not satisfied with the support given in your original thread, but we actively discourage people to retrieve support from other people’s threads.

    If the solution that resolved the issue for the original poster had not resolved it for you then you are not experiencing the same problem.

    Please continue your original thread.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Trying to reduce space below header and first line of text’ is closed to new replies.