Please provide a link to a page on your site where we can see this. Thanks.
Hi @ dusanb17
This is a matter of CSS Specificity. If you wish to change a particular element’s text without affecting similar elements (such as paragraphs or anchor text) you would need to write your css as follows:
.footer-wrap a{
color: gray;
}
This code tells the browser to search for all a
tags underneath the element tagged with the footer-wrap
class.
Now, you may want to find out what the specific color of your text is and modify my code to match. If you are in Chrome, please right click the text you are trying to mimic and go to ‘Inspect’ (or on Windows, Ctrl + Shift + I) navigate the html tree to the actual text block, probably under a p
tag. Look to the box that says ‘Styles’ and find the paragraphs CSS styles, look for color:
and copy whatever the color hex code is. Use that to style the anchor tag.
Please respond if this solution does or does not work and we can troubleshoot futher.
Chris
Thank you both for your reply,
jjchrisdiehl your code worked very good, i replaced gray with the hex code (its #333) and everything is perfect now!
Fantastic @dusanb17!
Definitely look into CSS specificity. A note about that code, it will change ALL a
tags under the .footer-wrap
class. If that is the desired outcome then leave it as it is, but if you want other a
tags to follow other colors or design schemes then perhaps look into :nth-of-type.
Feel free to reach out for more help,
Chris
No i wanted to change only that particular area, but its good to know for the future. Thanks for your advice i appreciate it!