Change color of breadcrumb text and links

Change color of breadcrumb text and links

by Erin Blauvelt -
Number of replies: 5

Moodle 3.1.6 (Build: 20170508)

Essential Theme 3.1.1.5 (Build: 2016061714)


Hi,

I want to change the color of my breadcrumb text and links without affecting the color of any other links or text. Currently, the breadcrumb text and links are the same color as those within the blocks, but I don't want it that way.

Could someone provide an example of custom CSS that I can add?

Thanks,
Erin


Average of ratings: -
In reply to Erin Blauvelt

Re: Change color of breadcrumb text and links

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

You could try this...

.breadcrumb a {color: red;}

.breadcrumb a:link { color: green;}

.breadcrumb a:visited { color: blue;}

.breadcrumb a:hover { color: white; background-color: blue;}

In reply to Mary Evans

Re: Change color of breadcrumb text and links

by Erin Blauvelt -

Thanks Mary...

It didn't work for me though. I placed the code, just as you included in the following location:

Appearance -> Themes -> Essential -> General -> Custom CSS

Is this the right location?

-Erin

In reply to Erin Blauvelt

Re: Change color of breadcrumb text and links

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Perhaps it needs a more defindned path ... I'll take a look at how the Essential theme CSS is for the breadcrumb.

In reply to Mary Evans

Re: Change color of breadcrumb text and links

by Erin Blauvelt -

That would be very helpful, thank you so much!

In reply to Erin Blauvelt

Re: Change color of breadcrumb text and links

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

HI Erin,

The CSS for the breadcrumb for Style 1 is as follow Spree:

https://github.com/gjb2048/moodle-theme_essential/blob/master/style/essential-settings.css#L161-L167

As you will see you have options to use Essential theme settings for the breadcrumb.

So depending on the style you have chosen you can use the same CSS selectors as the above link.

what I am not sure about is that there are settings that may not be able to override.

I need to test this but Unfortunatally I do not have time.

Mary