Change color of breadcrumb text and links

Change color of breadcrumb text and links

بواسطة - Erin Blauvelt
عدد الردود: 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


متوسط التقييمات: -
رداً على Erin Blauvelt

Re: Change color of breadcrumb text and links

بواسطة - Mary Evans
صورة Core developers صورة Documentation writers صورة Peer reviewers صورة Plugin developers صورة 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;}

رداً على Mary Evans

Re: Change color of breadcrumb text and links

بواسطة - 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

رداً على Erin Blauvelt

Re: Change color of breadcrumb text and links

بواسطة - Mary Evans
صورة Core developers صورة Documentation writers صورة Peer reviewers صورة Plugin developers صورة Testers

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

رداً على Mary Evans

Re: Change color of breadcrumb text and links

بواسطة - Erin Blauvelt

That would be very helpful, thank you so much!

رداً على Erin Blauvelt

Re: Change color of breadcrumb text and links

بواسطة - Mary Evans
صورة Core developers صورة Documentation writers صورة Peer reviewers صورة Plugin developers صورة 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