The text color for the sub menu cannot be customized on a WordPress website

Currently, I am working on making adjustments to a website using WordPress. Specifically, one of the changes I need to make involves adding new submenu items to the main navigation menu. While I have been able to add these items successfully, I am facing difficulty in changing the text color to white (as it is currently black). I have attempted various solutions, but none seem to be affecting the second level of the menu. Rest assured, I have correctly added the menu item. If you would like to see the page for yourself, please visit www.holidayatyourchoice.com

htmlcsswordpressnavigationsubmenu

Answer №1

The CSS style you need for the main menu is already set... But the Sub-Menu still needs it...

Ensure to include this snippet in your style.css file

ul.sub-menu > li > a span span {
    color: rgb(255, 255, 255);
}

Enjoy Implementing!

UPDATE: To make it bold, you can insert font-weight: 900;

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Reducing the amount of products in a MySQL online shopping cart

I have been working on a PHP shopping cart project, and I have successfully implemented functionalities to add, remove, and update items in the shopping cart. However, I am facing a challenge with adjusting the quantity of items in the database when a user ...

phphtmlmysqldatabase

The concept of see-through backgrounds

I am trying to achieve a more transparent header-menu background, so that the YouTube video underneath it becomes more visible. You can check it out here Unfortunately, the trick mentioned above did not work as expected. .masthead:not(.mixed-header) { ...

htmlcss

Switch out the play pause button on an embedded YouTube video player

Is it possible to customize the play/pause button on YouTube iframes using CSS? I have several iframes and would like to change the default red play button. I've attempted the following code: .ytp-large-play-button{ background: url(play.png); } ...

javascripthtmlcssangulariframe

I am interested in showcasing something utilizing Autocomplete and a placeholder feature

Is there a way to display the text "I Live In" in a textbox using the placeholder option, and have a list of names appear when the textbox is clicked on? The text "I Live In" should stay constant until an option from the list is selected. What would be th ...

phpjqueryhtml

Unusual manifestation of the Array

I defined a list array as: list: string[] = []; and added elements to it like this: let infoFile: string = fileReader.result; this.list.push(infoFile); After checking the console log, I noticed something strange [] 0 : "data:image/jpeg;base ...

javascripthtmlarraysangulartypescript

Photo collection showcasing images in separate lines, created with a single div element per row

Currently, I am studying Scss and experimenting with creating an Image gallery using SASS. I am attempting to utilize only one div tag for the entire image gallery as a row, avoiding the need for a new div for each row. Would it be feasible to achieve th ...

htmlcsssassflexboxcss-selectors

Obtain document via Angular 2

Is it possible to use TypeScript to download an image that is already loaded? <div *ngIf="DisplayAttachmentImage" class="fixed-window-wrapper_dark"> <button class="btn btn-close-window" (wslClick)="HideAttachmentImage()"> & ...

javascripthtmlangulartypescriptdownload

Dynamic Code for Removing List Items Based on Date

I need assistance in resolving an issue with my company's website design and function. Specifically, I am working on a page that displays a list of events where employees will be present throughout the year. Here is an example: <div class="contai ...

javascriptjqueryhtmlcss

The concept of Background Positioning and Attachment involves how a background

I'm currently designing a website that features two background images. My goal is to have the first background image remain fixed in place, while the second one scrolls with the content. However, I am facing an issue where the second background image ...

htmlcssbackground

Master the art of filtering rows in an HTML table based on a select option when the mouse is clicked

I am trying to create a table that displays only the rows selected in a dropdown menu. Here is an example: If "All" is selected, the table should display all rows. If "2017" is selected, the table should display only the rows that have "2017" in the sec ...

javascriptjqueryhtml

An issue has occurred due to an illegal mix of collations (greek_general_ci,IMPLICIT) and (utf8_general_ci,COERCIBLE) when performing the operation 'like'

Although this topic has been extensively covered, my issue presents a slightly different challenge. I have set the default charset to utf8 in both the connection made to mysqldb in my Python code and my HTML files. conn = pymysql.connect(host='my ...

htmlmysqlinpututf-8collation

The Angular currency filter is displaying a strange blank space despite the correct syntax being used. Is there anyone who can assist me with this issue?

Hey everyone, I'm having some trouble with the currency filter in Angular. It's not working and just displaying a blank space. I'm new to learning Angular so any help would be greatly appreciated! Here is the code I'm using: <!DOCT ...

htmlangularjs

Difficulties arise when trying to implement the jQuery SVG animation plugin on a straight line

After digging through the documentation, it seems a bit lacking on this topic and a few things just don't seem to add up, My goal is to make a line follow an animated element by using the same animation variables as those of the box element for the X ...

jquerycssanimationsvg

Using Jquery to load a css background image with a loader

I am seeking suggestions on how to display a loader between button clicks while waiting for a background image to fully load. Thank you <html > <head> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script type= ...

javascriptjqueryhtmlcsspreloader

PHP quiz with results displayed in an aligned manner

I created a html quiz with php as my back-end. Everything is working correctly, but I'm having trouble centering the results on the page. Currently, they are aligned to the left. Can someone provide guidance on how to achieve this? This is my first ti ...

phphtmlcss

Looking for help with Bootstrap - attempting to make a two-column table using list-group-item styling

Novice programmer seeking assistance with bootstrap4. I'm attempting to set up a list group item to showcase user reviews.see image description here I've tried adjusting every possible element. At first glance, it appears straightforward, but ...

htmlcssbootstrap-4

Hide the off-canvas menu when clicking outside

I recently created a unique "slide-out" menu which you can check out here: SASS Slide-out Menu. While it is functional, I am looking to add a feature where clicking outside of the menu will automatically close it by removing the "nav-open" class. I a ...

javascriptjquerycssmenu

Looking to adjust a group of range sliders. Can you help me troubleshoot my code on jsfiddle

I am looking for a way to ensure that my three range sliders all draw from a shared "value pool." For example, if the maximum value is 100 and slider-1 is set to 51, then sliders 2 and 3 should share the remaining value of 49. Currently, when slider 1 is a ...

javascriptjqueryhtml

Discovering the initial word of a string using jQuery

I'm currently facing an issue with jQuery that I need help solving. Here's the scenario: I am creating tooltips and positioning them directly under a specific trigger using CSS. Everything is functioning correctly, but there is one problem: In ...

javascriptjqueryhtmlcsstooltip

Creating a copy of a div using jQuery's Clone method

I need help figuring out how to clone a div without copying its value. I've attempted various methods, but they all seem to include the value in the cloned element. This is the jQuery function I am currently using: $('#add_more').click(fu ...

javascriptjqueryhtmlcss