How To Remove White Space Above Header In Wordpress
ii Answers 2
Reset to default
Introducing: Trending sort
You tin now cull to sort by Trending, which boosts votes that accept happened recently, helping to surface more upwardly-to-date answers.
Trending is based off of the highest score sort and falls back to information technology if no posts are trending.
The thing that'south causing this trouble is this cake downwards below (Screenshot & Screenshot2). Information technology'southward adding unnecessary space to your site because of the line interruption (
) tag. If you tin can find it at the backend of your site y'all could just but remove it. Or, if you tin't seem to detect it, yous can hide it through CSS. You can do this by going to your admin dashboard -> Appearance -> Theme Editor. Make certain manner.css is the file shown on the screen. You can merely add this code in that location:
master #content + p, #main + p { display: none; } or
main #content + p, #main + p { visibility: hidden; } Screenshot Screenshot2
answered Oct 28, 2022 at 14:01
4
Hi here is your solution
1. Right click on that white infinite in your browser(chrome/firefox) so select the "inspect option"
2. You will observe something similar class="class-name"
iii. Copy that class-name
4. At present go to your dashboard and then hover on "appearance" option. At that place you will find the Custom CSS option. Click on it
5. In the beneath example paste the class name which you copied at the time of "inspect".
half-dozen. Use whatever i visibility:hidden or display:none. See the difference
7. For Farther refer https://www.w3schools.com/css/css_display_visibility.asp
Eg,
.class-proper name
{
visibility:subconscious; or display:none;
}
answered Oct 27, 2022 at sixteen:36
2
-
That is exactly what i tried doing only can't find the class itself, don't know if am not doing something right
Oct 28, 2022 at xiii:37
-
That is exactly what i tried doing but can't find the class itself, don't know if am not doing something right
October 28, 2022 at thirteen:37
Not the reply y'all're looking for? Browse other questions tagged wordpress themes or inquire your own question.
Source: https://stackoverflow.com/questions/58579094/how-to-remove-the-white-space-at-the-top-of-my-wordpress-website
I tried it simply the trouble is still there, thanks for the try though
Oct 28, 2022 at 18:52
my bad, information technology was supposed to exist a '>' sign not a '+' sign.. too, add a pseudo-class to the p tag.. sorry. can you try again? similar primary #content > p:beginning-kid, #master > p:starting time-child
Oct 28, 2022 at xix:19
Cheers a lot i really appreciate, problem solved. Pheww i was already sweating bullets. Please am the curious type how did y'all trace down the problem, can you point me to a lesson or tutorial i love upgrading please so i don't cause people problem side by side time. Once again thanks, cheers, thank you. Thanks everyone who contributed am really happy.
October 28, 2022 at 20:07
You're welcome! I'm glad I could help. It's actually just office of my task equally web developer to fix other people's sites and when I don't have a chore, I go here to read questions. Also, I just did a footling trial and error when I took a look at your site. When I couldn't find it at the header, I looked somewhere else and that led me to the principal content and voila. :)
Oct 28, 2022 at 21:fourteen