Simple Machines Community Forum

I have the Remixbreadcrumbs mod installed and have changed the colors in the remixbreadcrumbs.css to match my site but can't find #0000FF in any of my .css files for the profile visited link shown in the image below and it is nowhere in the mod files. Any help would be appreciated!

Profile.png

Thanks,
Shades 8)

The same value could also be written in the CSS as "#00F", "rgb(0, 0, 255)", "rgba(0, 0, 255, 0)", or "blue".

However, it looks like the link in this case is just inheriting its colour directly from the browser's default CSS. If you have changed your theme's CSS and/or HTML in such a way that no other rules apply a colour to that link, then the default colour is used.

Quote from: Sesquipedalian on March 05, 2023, 01:14:37 PMThe same value could also be written in the CSS as "#00F", "rgb(0, 0, 255)", "rgba(0, 0, 255, 0)", or "blue".

I could not find any of those in CSS.

Quote from: Sesquipedalian on March 05, 2023, 01:14:37 PMIf you have changed your theme's CSS and/or HTML in such a way that no other rules apply a colour to that link, then the default colour is used.

How would I apply a color to that link to override whatever is causing it to be blue?

So I figured out a workaround that fixed the problem. ;)

I changed: (in index.css)
/* This is about links */
a, a:visited {
color: #556b2f;
text-decoration: none;
}
To:
/* This is about links */
a, a:visited {
color: #939649 !important;
text-decoration: none;
}
Changed the color and added !important 8)

That change is likely to have side effects, because it targets nearly every <a> element on the page. It would probably be better to write a more specific rule so that you can narrow down the scope to just the elements that you want to affect.

Quote from: Sesquipedalian on March 05, 2023, 04:12:06 PMThat change is likely to have side effects, because it targets nearly every <a> element on the page. It would probably be better to write a more specific rule so that you can narrow down the scope to just the elements that you want to affect.

^This, it would be best to add something like -

.navigate_section a:visited {
    color: #fff ;
}


to the remixedbreadcrumb.css file directly.

Quote from: TwitchisMental on March 05, 2023, 08:45:07 PM

Quote from: Sesquipedalian on March 05, 2023, 04:12:06 PMThat change is likely to have side effects, because it targets nearly every <a> element on the page. It would probably be better to write a more specific rule so that you can narrow down the scope to just the elements that you want to affect.

^This, it would be best to add something like -

Code Select Expand

.navigate_section a:visited {
    color: #fff ;
}


to the remixedbreadcrumb.css file directly.

I will try that and report back thank you! 8)