I am trying to change the color of the title text for the footer areas on my site. I have added 3 footer areas to test this out. They all currently have blue text. I want to add a different color to each title.
The site is: http://www.RandysRides.com
The source code for the page shows that each of the footer areas has a unique id; text-2, text-3, and text-4. They also have a class of "title." assigned the the titles I would like to change.
I am using a child theme based on the Divi theme by Elegant Themes. I have tried adding the following css to the style.css file in the child theme:
'#text-2 .title {color: rgba(255,77,77,1);}
#text-3 .title {color: rgba(255,210,77,1);}
#text-4 .title {color: rgba(77,255,122,1);}
#text-5 .title {color: rgba(38,201,255,1);}'
But it just won't change. I have tried multiple variations to no avail. The child theme css is definitely working as I have applied many other changes to other elements using it.
Any help would be greatly appreciated.
Thank you,
Jared Wilcox