Post Page Title

Hi Saranee,

On line 900 of your stylesheet is this code:

.page-header, .breadcrumbs {
background-color: #fff;
border-bottom: 2px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}

You can add the following to the bottom of the block:

display: none;

It will then look like this:

.page-header, .breadcrumbs {
background-color: #fff;
border-bottom: 2px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
}

You could add this code either in your customizer or in your stylesheet. (Of course, if you want to keep your breadcrumbs, you could omit .breadcrumbs from the above.)

LMK if questions.

Thank you. That was exactly what I needed.

Would you be able to help me out with the secondary navigation line (math/language arts/social studies)? I was able to manipulate the main navigation to change the color of the divider line that separates the links and change the hover color. But I can’t figure out how to change it on the secondary navigation line.

Thank you.

Saranee

Hi Saranee,

I’ll take a look at it tomorrow morning for you.

Till then…

Hi Saranee,

On line 12 of blue.css is this code:

#branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
border-left: 1px solid #1b4266;
}

If you change #1b4266 to #6ea8eb, you’ll get this, which will blend the borders into the background:

#branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
border-left: 1px solid #6ea8eb;
}

Now, for the secondary hover menu issue. It appears that you have the following somewhere in your custom css:

#access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
background: #e6eaed;
background: -moz-linear-gradient(#e4eff7, #e4eff7);
background: -o-linear-gradient(#e4eff7, #e4eff7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
background: -webkit-linear-gradient(#e4eff7, #e4eff7);
color: #373737;
}

Of all of these, only background: -webkit-linear-gradient(#e4eff7, #e4eff7); is active when I inspect element. In your customizer, you could enter something like the following, changing the gradient background and font color as desired:

#access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
background: #e6eaed;
background: -moz-linear-gradient(#e4eff7, #e4eff7);
background: -o-linear-gradient(#e4eff7, #e4eff7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
background: -webkit-linear-gradient(#e4eff7, #e4eff7);
color: #373737 !important;
}

I normally don’t advocate using !important too frequently, but this might get you started until you can integrate this code into your child theme stylesheet without it being overriden somewhere else and without using !important. (It’s a bit eyewatering to do this all via Inspect Element without being able to access the stylesheet(s) directly!).

LMK if this helps.

You are a life saver. My last issue is with the drop down menu that appears when you click on “SUBJECT” in the main navigation bar. When I inspect the element, it looks like it is a sub menu, but I can’t find it in the style.css to change the color to match with the rest of the navigation.

Thanks
Saranee

I think I figured it out. Thank you Thank you!!!