Hi all
Can anyone point me to where I can change the colour of a web link in the Framework? It's a bit hard to read the text if the background and link are both blue...
And yes, I know about the spelling error! :)
Simon
Hi all
Can anyone point me to where I can change the colour of a web link in the Framework? It's a bit hard to read the text if the background and link are both blue...
And yes, I know about the spelling error! :)
Simon
Hi Simon,
Assuming
- you are using Framework v2
- with a comparable version of adapt-contrib-vanilla as the basis for your theme
- and haven't yet made customizations that affect links,
I'd point you to line 30 of adapt-contrib-vanilla/less/src/component.less. Follow the trail of Less variables since this line references @font-color
which is typically found in adapt-contrib-vanilla/less/src/colors.less.
Hopefully this gives you the jumpstart you need. To find this, I used Chrome developer tools to inspect the classes affecting the link. Then I used my IDE (Webstorm) to search the vanilla theme in my project for the class. I located .component-body.a
in component.less.
You can add your customizations there in component.less if they apply to all components or in accordion.less if they apply solely to Accordions. Or if you'd like to keep them clean for applying updates in the future, you can create a wholely new Less page to house your customizations.
Here's another wiki article that explains the arrangement of the vanilla files if you haven't yet explored it: https://github.com/adaptlearning/adapt-contrib-vanilla/wiki; and a video about Less variables if it's helpful: https://www.youtube.com/watch?v=76DBh6Uc6N4
(Simon, I think this may be more than you need, but adding it here for others who may be new to Adapt theming. Thanks for your patience.)
- Chuck