-
-
Yes, our nav is showing white font color on our https://surefoot.staging.wpengine.com/jobs/ page. No other pages do this, and we can’t find the setting that’s causing it. The Sticky nav works fine on this page.
-
Hello,
Please open page option panel and scroll down to the General Settings. Go to Page Options & Style > Header Color Style for Header 1 and select dark version from the drop-down. See screenshot: https://www.clipular.com/c/4951928969887744.png?k=53FgUPY0F6dnWngvO7Cpzvw0_Tk
Save changes.Let us know.
Best regards!
-
Thanks, but it’s already set to the dark version. All the rest of our pages on our site work, except of the /jobs/ page.
You can see from the code it’s using the dark version, but it has something overriding it w/ an !important. See below:
<span class=”selector” style=”font-family: Menlo, monospace; font-size: 11px; min-width: 0px; min-height: 0px; box-sizing: border-box; color: #888888;”><span class=”simple-selector selector-matches” style=”min-width: 0px; min-height: 0px; box-sizing: border-box; color: #222222;”>.background–dark nav .menu > li > a, </span><span class=”simple-selector” style=”min-width: 0px; min-height: 0px; box-sizing: border-box;”>.background–dark header#header .header_tools .vert_mid > a, .background–dark header#header .header_tools .vert_mid .cart .cart_icon, .background–dark .slicknav_btn:after</span></span><span style=”color: #303942; font-family: Menlo, monospace; font-size: 11px; min-width: 0px; min-height: 0px; box-sizing: border-box;”> {</span>
<div class=”style-properties matched-styles monospace” style=”flex: 1 1 0%; padding: 2px 4px 0px 0px; min-width: 0px; min-height: 0px; box-sizing: border-box; font-family: Menlo, monospace; font-size: 11px; margin: 0px; list-style: none; clear: both; display: flex; color: #303942; white-space: nowrap;”>
<div class=”tree-outline-disclosure” style=”min-width: 100%; min-height: 0px; box-sizing: border-box; display: inline-block;”>-
<li style=”min-width: 0px; min-height: 14px; box-sizing: border-box; text-overflow: ellipsis; white-space: normal; position: relative; display: block; align-items: center; margin-left: 0px !important; padding-left: 38px; cursor: auto; clear: both;”><input class=”enabled-button” style=”min-width: 0px; min-height: 0px; font-family: inherit; font-size: 10px; background-color: white; visibility: visible; float: left; margin: 0px; vertical-align: top; position: relative; z-index: 1; width: 18px; left: -40px; top: 1px; height: 13px;” type=”checkbox” /> <span class=”webkit-css-property” style=”min-width: 0px; min-height: 0px; box-sizing: border-box; color: #c80000; margin-left: -38px;”>color</span>: <span class=”value” style=”min-width: 0px; min-height: 0px; box-sizing: border-box;”><span style=”white-space: nowrap; min-width: 0px; min-height: 0px; box-sizing: border-box;”><span style=”min-width: 0px; min-height: 0px; box-sizing: border-box;”>#fff</span></span> !important</span>;
</div>
</div>
<div class=”sidebar-pane-closing-brace” style=”min-width: 0px; min-height: 0px; box-sizing: border-box; clear: both; color: #303942; font-family: Menlo, monospace; font-size: 11px; white-space: nowrap;”>}</div> -
Hello,
If the background is dark, the menu font will be light (#fff) so it stand out. In your jobs page it should be the opposite. Background light and font dark.
See these screenshots for comparison:
Homepage: https://postimg.org/image/r5030onat/
Jobs page: https://postimg.org/image/gw7luuz91/Can you post some valid wp credentials in a private reply? Technically the code of Jobs page has no problem. So i need to give a closer look to your configurations.
Best regards!
-
You must be logged in to reply to this topic.