[Vincent]

I found quite a few things that will help me, but I can’t find anything on removing the “search” at the top of the page. I want to remove it and all the space above the header.

Thanks

[Patricia]

I’ve been trying to reduce space also — below the nav bar and above the page title. I’ve tried to reduce padding around various sections in the css, but I cannot seem to change these two items. I am posting in this thread because the issues seem related … and maybe it will save someone time to be able to answer these in one place.

[Vincent]

I found this one that you can put in your custom css

#main {
padding-top: 10px;
}
input[type=”reset”], input[type=”button”], input[type=”submit”] {
margin: 0;
}
#content ul, #content ol {
margin: 0;
}

[Patricia]

Thanks, Vincent! That did a great job of moving the page title up … I even reduced it a little more than 10.

But there’s still space under the nav bar … maybe I can play with that a bit.

By the way, I am using a child theme, not working with the original.

I like the Search, but it doesn’t seem to offer a “submit” option; I have to hit “return.” Any thoughts on how to make that work?

As for your issue of eliminating the Search entirely, I did see this:

/* Search Form */
#branding .searchform {
margin-top:20px;
float: right;
}
#branding .searchform div {

}
#branding #s {

}
#branding #s:focus {

}
#branding #searchsubmit {

}
#branding .only-search .searchform {

}
#branding .only-search #s {

}
#branding .only-search #s,
#branding .only-search #s:focus {

}

[Vincent]

I also found this one:

#access {
margin-bottom: 10px;
}

And this to control all the excess space:

.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#access {
margin-bottom: 0;
}
.hgroup-wrap img {
margin-bottom: 0;
margin-top: 0;
}

Put then one by one in the custom css and see the changes and adjust the values as you like.

I am still needing to dump the search and all the space above the header or at least control it.

[Theme Horse Support Team]

@Vincent To removing the “search” and all the space above the header Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.hgroup-wrap {
    padding: 0;
}
#branding .searchform {
    display: none;
}

Thank you!

[Theme Horse Support Team]

@Patricia To remove the space below the nav bar and above the page title Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#access {
    margin-bottom: 20px;
}
.breadcrumb {
    margin-bottom: 0;
}

Thank you!

[Patricia]

Thanks!

[Theme Horse Support Team]

You welcome Patricia.

Thank you!

[Author]

Posts