Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
brianagoad

Remove banner/thumbnail on Bedford blog page and individual posts.

Asked by brianagoad

Question

brianagoad    0

brianagoad
Posted (edited)

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!

Edited by brianagoad
Initial Revision

Share this post

Link to post

7 answers to this question

Recommended Posts

  • 0

tuanphan    8,017

tuanphan
Posted (edited)

@brianagoad Add to Home > Design > Custom CSS



article header {
   display: none;
}








5 minutes to check & found the solution >:)



			
				


	Edited  by tuanphan
	
	

			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			




		
			

	

		

			

		

			

	You can send your question to my email to get faster answer. / How to Setup Password & Share URL 





	-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.


		

	


		
	


	

		

			
Share this post

			


Link to post

			
			
			

			
		

	




	



					
				
					
					
					






					
				
					
					
					







	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
	
	




	

	

		

			

tuanphan
			  

	
		
	
			 8,017
	
		
	

		

		

			


	
		tuanphan
		
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			




		

			Posted 
			
				
				
			
		

	


	


	

		
		

			

@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?



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			




		
			

	

		

			

		

			

	You can send your question to my email to get faster answer. / How to Setup Password & Share URL 





	-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.


		

	


		
	


	

		

			
Share this post

			


Link to post

			
			
			

			
		

	




	



					
				
					
					
					







	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
	
	




	

	

		

			

brianagoad
			  

	
		
	
			 0
	
		
	

		

		

			


	
		brianagoad
		
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			




		

			Posted 
			
				
				
			
		

	


	


	

		
		

			
@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. 


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			




		
	


	

		

			
Share this post

			


Link to post

			
			
			

			
		

	




	



					
				
					
					
					







	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
	
	




	

	

		

			

tuanphan
			  

	
		
	
			 8,017
	
		
	

		

		

			


	
		tuanphan
		
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			




		

			Posted 
			
				
				
			
		

	


	


	

		
		

			

@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.



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			




		
			

	

		

			

		

			

	You can send your question to my email to get faster answer. / How to Setup Password & Share URL 





	-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.


		

	


		
	


	

		

			
Share this post

			


Link to post

			
			
			

			
		

	




	



					
				
					
					
					







	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
	
	




	

	

		

			

brianagoad
			  

	
		
	
			 0
	
		
	

		

		

			


	
		brianagoad
		
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			




		

			Posted 
			
				
				
			
		

	


	


	

		
		

			
@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!


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			




		
	


	

		

			
Share this post

			


Link to post

			
			
			

			
		

	




	



					
				
					
					
					







	
		



	
	
    
	
		
	
		
			
  • 
				
			
    • 
		

			
  • 
				0
			
    • 

		
	
	




	

	

		

			

tuanphan
			  

	
		
	
			 8,017
	
		
	

		

		

			


	
		tuanphan
		
	

		

	

	
	

		



	

	

		

			
    
				
				
				
					
    • 
				
				
			




		

			Posted 
			
				
				
			
		

	


	


	

		
		

			
@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.


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			




		
			

	

		

			

		

			

	You can send your question to my email to get faster answer. / How to Setup Password & Share URL 





	-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.


		

	


		
	


	

		

			
Share this post

			


Link to post

			
			
			

			
		

	




	



					
				
			
			



		

	


	

	
		
		

			
				
				


	
	
		

			
				
Create an account or sign in to comment

				
You need to be a member in order to leave a comment

			
	
			

				Sign Up / Login
			

		

	


			
		

	

	
		

			

		

		

			



		

	







	

		
			
				Go To Question Listing
			
		
	

	




	

	




						


					

					


				

			

			
		

		
		



	×
	

		

			

			

				



			


	






	×
	

		

			
    

  • Create New...
    • 
				
			



	




		
		

	






























	














		
		
		
		
		
		
     
      	

      	


      
		

          	
          	

                

                    
Support 

                    
                

                

                    
Community 

                    
                

                

                    
Developers 

                    
                

                

                    
Resources