The setting of woocommerce store takes a long time, and finding the right theme is also a big challenge. However, the author of woocommerce created a storefront theme, which is free to use and flexible to customize. It takes a long time to create a perfect layout that users like. You may want to change the color of the menu or other elements that cause problems. Although the color of the woocommerce storefront menu has changed, it is very easy to create these customizations using the customize option under shape in the dashboard. In this section, you can easily change the theme in a number of ways allowed by the theme creator. However, the theme author cannot consider everything, and changing the menu color may fall into this category.
Custom CSS is stored separately according to the theme. The trick is to determine the CSS to use. This simple tutorial will guide you through this. You can also change the colors of all elements in the storefront theme. Simple steps to change the color of the store theme menu include: 1. Identify the elements that need to be changed. The sentence \
In a browser such as chrome or Firefox, just right-click the area you want to change and click Check elements, as shown below: Male click it, the console containing various elements of the page will be displayed on the left, and the setting of this element will be displayed on the right. Now you must find the element responsible for the color change. To select the male element, click the element selector, as shown in the screenshot. Then point the cursor at the menu element to see the style. Search for words such as \
2. Now that you have carefully completed the required color selection, the next step is to change the color. Deselect the existing color option and click near the right bracket \
3. When extracting a new rule, you must right-click the rule (in Firefox) and select Copy rule to extract the rule, as follows: However, if you use chrome, you just need to select the whole rule with the mouse and copy the text. Paste all but the existing rules into the editor (if any) and delete them. 4. The rest of the adding rules are copied \/ pasted into the \
