How to remove white space in Homepage

  • Resolved kdturtrwt

    (@kdturtrwt)


    7 years, 7 months ago

    I am using Hueman 3.1.7. I want to remove the white space in content/home page only and not the rest of the pages. I did this using the following in my child theme editor but it applies to other content as well. How do I do it to my index/homepage only?

    Please help.

    #page .content .pad {
    padding: 0px !important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • teeru@wensolutions

    (@teeru)

    7 years, 7 months ago

    Hello @kdturtrwt

    To remove the white space in homepage only or any other specific page you need to use the page id .
    For more clear information use the below CSS.

    .page-id-784 .main-inner.group {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    I hope this will resolve your issue.

    Best Regards!!

    Thread Starter kdturtrwt

    (@kdturtrwt)

    7 years, 7 months ago

    Hi @teeru

    Thank you but how to I apply it to pages that do not have page id. for example my homepage does not have page id.

    bdbrown

    (@bdbrown)

    7 years, 6 months ago

    @kdturtrwt – you can use the .home class. As @teeru suggested you should specify left and right only or you’ll change how things are displayed at the top and bottom of the content area. And you shouldn’t need the !important rule.

    .home .content .pad {
    padding-left: 0;
    padding-right: 0;
}
    Thread Starter kdturtrwt

    (@kdturtrwt)

    7 years, 6 months ago

    Hi @bdbrown,

    Thank you so much. This code is working.

    .home .content .pad {
    padding-top: 0;
    }

    Thank you again.

    bdbrown

    (@bdbrown)

    7 years, 6 months ago

    You’re welcome; glad to help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to remove white space in Homepage’ is closed to new replies.