brianagoad Posted September 26, 2019 Posted September 26, 2019 Hello, I'm trying to remove the black box that is appearing on my blog: https://www.hugoandmat.com/blog I've searched many threads and tried a number of CSS tweaks and page header injection codes but nothing seems to work. I'm not really sure what is happening here but there is a black box on top of my post on the main blog page and individual post page. Apologies if this problem has been solved somewhere else, I can't seem to find it! Thanks in advance!
tuanphan Posted September 26, 2019 Posted September 26, 2019 @brianagoad Add to Home > Design > Custom CSS article header { display: none; } 5 minutes to check & found the solution >:) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
brianagoad Posted September 26, 2019 Author Posted September 26, 2019 @tuanphan Thank you so much! That worked perfectly and was so quick. Do you know how I can still display the blog post title?
tuanphan Posted September 26, 2019 Posted September 26, 2019 @brianagoad Black box was created by these code. The code affected both the header and the blog post meta data. header { position: fixed; height: 200px; padding: 0px; text-align: center; background-color: #4a4a4a; border-bottom: 0px solid #999 } What did you use that code for? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
brianagoad Posted September 26, 2019 Author Posted September 26, 2019 @tuanphan Thanks for your quick reply, that was used to center the site title. The default in Bedford was to have the title on the left side and I wanted it and the main navigation to be centered.
tuanphan Posted September 26, 2019 Posted September 26, 2019 @brianagoad Remove the code I sent above (code in 2 comments). and Add this (to center navigation) div#headerNav { display: block !important; text-align: center !important; } It will solve 2 problems. 5 minutes to check & found the code. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
brianagoad Posted September 26, 2019 Author Posted September 26, 2019 @tuanphan Thank you! I've done what you said and that does solve the blog title problem and keeps the site title centered. But the site navigation is now on the right side (I believe that is also the Bedford template default). Is it possible to get the main navigation menu to be centered again, without interfering with the other elements? Thanks again for your time!
tuanphan Posted September 26, 2019 Posted September 26, 2019 @brianagoad Complicated. May need JavaScript to work (good solution, but time consuming). Please remove my code, and restore the previous code. I will try another way. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.