Jump to content

Background color conflicts with text fields and the link color in menu

Recommended Posts

Site URL: https://julehjaelpen.dk/

Hello

I've been trying to edit the background color of the website Julehjælpen.dk. I have tried several times to come around this background color. But every new section or site I add, are always with black background. When I am trying to add sections from templates in Squarespace, the text fields are also black. They should just be white. 

But when I select a white background, the mobile menu disappears because my links in the header are white.
I would appreciate if someone could help me.

Thank you very much.

Link to comment
  • Replies 13
  • Created
  • Last Reply

If I change Section Background into white, the background at the menu in mobile view also turns white - and then the links are not visible. 
Is there any way to get around this? 

 

Site Title
 
 
Navigation Links
 

SITEWIDE

 
Section Background
 
 
Background Overlay
 
 
Inset Border
Link to comment

To change mobile nav links color on only Mobile, add this to Home > Design > Custom CSS

@media screen and (max-width:767px) {
nav.header-menu-nav-list * {
    color: black;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks. But now the background in drop down menu also turned white. Then the links are not readable. 
Following code can't change the background into black

.header-announcement-bar-wrapper { 
background-color: #000000!important;
  }
 

Link to comment
2 minutes ago, Brahe said:

What is the name of the drop down menu, so I can change the background it in the code?
Hope you can help because the white links are not readable.

.header-nav-folder-content {
    background: black !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
3 hours ago, Brahe said:

Only the links without drop down menu are black on mobile nav. Other links are still white. How can I change that?

@media screen and (max-width:767px) {
nav.header-menu-nav-list * {
    color: black !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.