Hi,
I’d like to have all links in this section below coloured white and underlined. Is there something I can do in the CSS section?
This is what I have tried with adding "summary’ in the class field for the section.
[code] /* Colour Links */
a:link .summary {
color: white;
text-decoration: underline;
}
a:visited .summary {
color: white;
text-decoration: underline;
}
a:active .summary {
color: white;
text-decoration: underline;
a:hover .summary {
color: white;
text-decoration: none;
}[/code]
Hi there,
Thank you for reaching out to us. Try replacing your code with the following CSS:
.summary a {
color: white !important;
text-decoration: underline !important;
}
If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.
I recommend you to watch following video that will help you to get started with CSS.
Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.
https://developers.google.com/web/tools/chrome-devtools/css/
Let us know how this goes!
Excellent! I knew it had to be simpler than what I did. Thanks very much.
Glad we were able to help 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.