Jump to content

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

Recommended Posts

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!

Link to comment
  • Replies 7
  • Views 1.7k
  • Created
  • Last Reply

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

Link to comment

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

Link to comment

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

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.