Sorry, maybe we haven’t explained properly!
You have CSS and PHP in the stylesheet (reboot.php) and you can’t have any CSS inside the PHP sections.
General rule is that a PHP section starts with ‘<?php’ and ends with ‘?>’
At the very bottom of reboot.php you have:
/* ----------------------
Mobile overrides misc
-------------------------*/
@media screen and (max-width: 379px) {
#spMainContainer #spLastVisitLabel {
display: none;
}
}
<?php
# Load plugin file css (as .spcss files)
foreach (glob("*.spcss") as $f) {
include $f;
}
# load mobile overrides
if ($viewDevice == 'mobile') {
include('reboot-mobile.php');
}
# load the rtl css file if needed
if (isset($_GET['rtl'])) {
include('reboot-rtl.php');
}
?>
As you can see the last CSS rule is a mobile rule, then the CSS ends and the PHP starts. I would place it after the last closing brace ‘}’ and before the opening PHP tag ‘<?php’ on line 11 of the below example – see:
/* ----------------------
Mobile overrides misc
-------------------------*/
@media screen and (max-width: 379px) {
#spMainContainer #spLastVisitLabel {
display: none;
}
}
<--- PLACE HERE
<?php
# Load plugin file css (as .spcss files)
foreach (glob("*.spcss") as $f) {
include $f;
}
# load mobile overrides
if ($viewDevice == 'mobile') {
include('reboot-mobile.php');
}
# load the rtl css file if needed
if (isset($_GET['rtl'])) {
include('reboot-rtl.php');
}
?>
The way CSS works is that the rules that come first in the list on the page happen first, so anything that happens further down in the list can potentially overwrite the earlier rules. The thinking here is that if something else is controlling the font colour of the topic text, placing it at the very bottom will overwrite that..
Hope that helps!
