Cidneym

Resolved with using different CSS code below.

.nav-menu > li > a:after {
color: #0b223e); 
}

.main-navigation a, .social-links ul a:before {
color: #ffffff; 
}

.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
color: #eee8aa; 
}

.main-navigation.toggled ul ul, .main-navigation.toggled ul ul a {
color: #0b223e;
 }

.site-info a {
color: #FFFFFF; 
}

.main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a {
color: #0b223e; 
}

.main-navigation a:hover, .main-navigation ul > :hover > a, .main-navigation ul > .focus > a {
color: #eee8aa; 
}

.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
color: #ffffff;
 }

.main-navigation, button {
    background-color: #0b223e;
}

Thank you for the reply! Yes, I do mean pages. So, for example with my site, I would like results from Chapter I to be displayed first, then Chapter II, etc.

I am very new to putting code into a WordPress site. Where should I place the code you gave me? I would assume in the search.php, but from there I am lost.

Problem resolved.

Under the “Quick Edit” sections for my pages I had unchecked the “Allow Comments” box. Re-selecting the box allows for comments to be made.