To remove large white space from pages

Home Forums Premium Themes Support Forum Fitness Pro 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, 3 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.