Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

Theme Tail: CSS font color changes not working?

Solved by pamtbaau View solution

Started by LFL 6 years ago · 1 replies · 600 views
6 years ago

I changed the bright purple/blue font color in the Tail theme's CSS to gray in all instances, hex code or RGBA code. However, refreshing the page doesn't change anything. I also deleted my cache and tried in other browsers, to no avail. Can anyone point me in a helpful direction?

6 years ago Solution

@lfl, Theme 'Tail' uses the css framework Tailwind, which has quite a different approach to styling. The idea is that you add 'presets' of styling (e.g. text-indigo-600) to the html elements in the templates.

So, if you want to change the colour of eg. the header 'Joe Bloggs' from indigo to gray, you will have to change file /themes/tail/templates/partials/header.html.twig and replace text-indigo-600 with text-gray-600 (or any other colour your prefer).

Contrary to my example, this should however not be done in Tail, but in an inherited theme. If you don't you will loose all changes when Tail gets updated.

👍 1
last edited 08/02/20 by pamtbaau

Suggested topics

Topic Participants Replies Views Activity
Themes & Styling · by Pedro M, 2 months ago
4 198 2 months ago
Themes & Styling · by Ian, 2 months ago
3 94 2 months ago
Themes & Styling · by Norbert, 2 years ago
11 456 3 months ago
Themes & Styling · by Lukáš Findeis, 3 months ago
0 48 3 months ago
Themes & Styling · by Sebadamus, 4 months ago
5 128 3 months ago