Why is my alternate CSS not affecting ALL my page titles?
-
08-02-2021 - |
题
I have a custom css style sheet changing the format of my page titles. This is what I have so far:
#s4-titlerow {
background-color:gray;
}
#DeltaTopNavigation{
display:none;
}
#pageTitle{
color:white;
text-decoration:none;
font-weight:bold;
}
This turns a site wide bar at the top of the page grey and the site title inside it white. It works perfectly on the homepage, however. On the other pages the grey bar appears but the title retains its default formatting. clearly #pageTitle
is the wrong ID but I can't find the right one (and yes I have tried the F12 element inspector).
解决方案
Try adding the same CSS to anchor tag within heading with title #pageTitle
.
Try using:
#pageTitle, #pageTitle a {
color:white;
text-decoration:none;
font-weight:bold;
}
Or
#pageTitle {
color:white;
text-decoration:none;
font-weight:bold;
}
#pageTitle a {
color:white;
text-decoration:none;
font-weight:bold;
}
Or
.ms-core-pageTitle, ms-core-pageTitle a {
color:white;
text-decoration:none;
font-weight:bold;
}
Maybe you can add !important
to some of the CSS properties.