To remove large white space from pages

Home Forums Premium Themes Support ForumTo remove large white space from pages Fitness ProTo remove large white space from pages To remove large white space from pages

This topic contains 5 replies, has 2 voices, and was last updated by  Kaustubh (CyberChimps Team) 1 year, 9 months ago.

  • Author
    Posts
  • #217456

    pinkmoon
    Participant

    Hi, I applied the following code but now I have a large white space at the beginning of my page before you scroll down to contents. It’s been three days and you have not come back to me. Please how can i remove that white space without affecting the homepage. Thanks

    This is the CSS code you asked me to use to remove the large image:
    .header-container.header-image {
    background-image: none !important;
    }
    .home .header-container.header-image {
    background-image: url(“http://lifestyle-steps.com/wp-content/themes/fitnesspro/images/header.jpg”) !important;
    }

    Now there is a big white space!!! How to remove without affecting the homepage image size.

    My URL is http://lifestyle-steps.com/our-services/
    http://lifestyle-steps.com/our-services/
    http://lifestyle-steps.com/contact-us/

    Thanks

  • #217539

    Hello,

    I have just responded to your query on your previous topic. And have realized, the code I gave was will affect homepage view as well.
    Hence, please ignore that code, and use this instead :

    .page .header-image-featured #header-featured-content {
        padding: 200px 20px 400px;
    }

    Thanks.

  • #217544

    pinkmoon
    Participant

    Hello, Not working..
    Please did you actually check it yourself and it worked for you?? Because it’s not working here…

  • #217545

    pinkmoon
    Participant

    This is the code I’ve added – the first one to remove the image and the one you just gave me now to remove the white space:

    .header-container.header-image {
    background-image: none !important;
    }
    .home .header-container.header-image {
    background-image: url(“http://lifestyle-steps.com/wp-content/themes/fitnesspro/images/header.jpg”) !important;
    }
    .page .header-image-featured #header-featured-content {
    padding: 200px 20px 400px;
    }

    In the meantime my client does not want the website live. i had it live for three days for you guys.

  • #217546

    pinkmoon
    Participant

    Please use these credentials to see the site:

    http://lifestyle-steps.com/wp-login.php
    Username: guest
    password: guest

  • #217599

    Kindly add this :

    .page .header-image-featured #header-featured-content {
        padding: 0;
    }

    replacing the previous one.

You must be logged in to reply to this topic.