Could anyone tell me please if there is anyway of styling links in Volt - all I can get is the default underlined style that the link icon in the toolbar adds. I would like to remove the underline and change the colour of the link if possible.
You can see the link to the contact page in the uppermost Volt paragraph.
https://update.stapletonhouse.org/upcoming-events/
Any help would be appreciated.
Do you want to do it for all links inside Volt content areas?
Following should work, not at my Mac right now.
.volt-content a {
color: red !important;
}
2 Likes
Thanks Jannis
Here is a work in progress article:
2 Likes
Fantastic @jannis, great work.
2 Likes
Can I also somehow target data-name?
Something like this(?):
.volt-content [data-name="foo"] a { color: blue }
.volt-content [data-name="bar"] a { color: red }
I have volt-content areas where I would want different colors, due to different backgrounds. 
(Edit: changed code to use square brackets as described below)
2 Likes
Oh, ok, so, yes, using square brackets for the data-name.
Thanks