how do I change the font colour - when scrolling down menu goes to white

1 reply · opened Aug 26, 2022

KkateboothbyAug 26, 2022

using the menu below - the font stays white and the background white. I can not find where the CSS is. Need the font to go black when the background goes white

<!-- Header
============================================= -->
<header id="header" class="full-header transparent-header border-full-header dark header-size-custom" data-sticky-shrink="false" data-sticky-class="not-dark" data-sticky-offset="full" data-sticky-offset-negative="100">
<div id="header-wrap">
<div class="container">
<div class="header-row">

      &lt;!-- Logo
					============================================= --&gt;
      &lt;div id="logo"&gt; [

attachment
](index.html)
attachment
</div>
<!-- #logo end -->

      &lt;div class="header-misc"&gt;
        &lt;div class="side-panel-trigger header-misc-icon"&gt; [](#) &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="primary-menu-trigger"&gt;
        &lt;svg class="svg-trigger" viewBox="0 0 100 100"&gt;
          &lt;path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"&gt;&lt;/path&gt;
          &lt;path d="m 30,50 h 40"&gt;&lt;/path&gt;
          &lt;path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/div&gt;
      
      &lt;!-- Primary Navigation
					============================================= --&gt;
      &lt;nav class="primary-menu"&gt;
        &lt;ul class="one-page-menu menu-container" data-easing="easeInOutExpo" data-speed="1250" data-offset="65"&gt;
          &lt;li class="menu-item"&gt; [
            Home
            ](#) &lt;br&gt;
          &lt;li class="menu-item"&gt; [
            Bio
            ](#about) &lt;br&gt;
          &lt;li class="menu-item"&gt; [
            Listen
            ](#listen) &lt;br&gt;
          &lt;li class="menu-item"&gt; [
            Watch
            ](#watch) &lt;br&gt;
          &lt;li class="menu-item"&gt; [
            Photos
            ](photos.html) &lt;br&gt;
        
      &lt;/nav&gt;
      &lt;!-- #primary-menu end --&gt;
SSemicolon WebSTAFFAug 26, 2022

Hello,

This issue is due to the following line of code added in the css/custom.css File:
[ch_pre type="css"]:link { color: #FFFFFF; }
:visited { color: #FFFFFF; }[/ch_pre]

We do not recommend using these codes as this will adversely affect the user experience. If you would still like to use this, we recommend using this inside the targeting container. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard