Hi Khaled,
To make your sub-menu, items bold and change their color using CSS, you can add specific styles targeting those sub-menu items. Here’s a basic CSS code snippet to help you achieve this:
/* Targeting specific sub-menu items */
.sub-menu a {
font-weight: bold; /* Makes the text bold */
color: #ff5733; /* Replace with your desired color code */
}
/* If you need to target by specific classes or IDs */
.sub-menu .menu-item-disticts,
.sub-menu .menu-item-retails-amenities,
.sub-menu .menu-item-tourist-locations {
font-weight: bold;
color: #ff5733; /* Replace with your desired color */
}
You’ll need to adjust the selectors (.menu-item-disticts
, etc.) based on the actual classes or IDs of your sub-menu items. Add this code to your CSS file or a custom CSS section in your website builder. Let me know if you need further assistance!
Best regards,
[shoib]