Jump to content

CSS removed banner event image but hides the navigation menu

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.firstblessing.org/2022-events/2022/6/25/west-university-church-of-christ-houston

I have added the following CSS to remove banner images from my individual events.

.collection-type-events.view-item .banner-thumbnail-wrapper {
    display: none;
}

However, it  also changes the solid gray header background to white making it seem like my navigation menu has disappeared even though it hasn't. The event text is moved up into the header area - you can barely see the top of it overlaying the text "must be registered individually". 

Question is how do I modify the CSS to restore the solid gray header and move the event content down so you can see the navigation menu as shown on this page - https://www.firstblessing.org/2022-events

Link to comment

Tried that and it fixed the issue with the event item being in the header space. Is there a way to either change the font color specifically for event item pages or to change the color of the header background? As it is now, the navigation menu is still there but can't be seen because it's white font on a white header background.

Link to comment
  • Solution
On 6/18/2022 at 8:37 PM, SarahO said:

Tried that and it fixed the issue with the event item being in the header space. Is there a way to either change the font color specifically for event item pages or to change the color of the header background? As it is now, the navigation menu is still there but can't be seen because it's white font on a white header background.

Add to Design > Custom CSS

body[class*="type-events"].view-item header#header {
    background-color: #f1f2 !Important;
}

 

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

Create an account or sign in to comment

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

×
×
  • 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.