While using Chrome DevTools, I identified the specific section of CSS that requires modification. My goal is to change the color element within this section.
The code snippet below was discovered through the "Inspect" feature of Chrome DevTools
#header-phone span:nth-child(1) {
color: #0188cc;
font-size: 30px;
font-weight: bold;
margin-top: -10px;
padding-left: 5px;
}
In my Magento theme, there exists an option for custom CSS implementation. How can I integrate this particular element into that option in order to effect a CSS change?
Despite multiple attempts at adding the following code, the desired changes do not take effect.
.header-phone .span {color:#6F9C40;}