Simple Machines Community Forum

How do I separate these two sections to be different colors? (see attachment)

strong.png

Quotestrong, .strong {
   font-weight: bold;
   color: #444;
}

Thanks,
Shades 8)

Use a more specific selector for the welcome message.
Perhaps this would work.
li.welcome strong

Thank you, that worked perfectly! :)

I changed:

strong, .strong {
font-weight: bold;
color: #444;
}
To:
strong, .strong {
font-weight: bold;
color: #444;
}
li.welcome strong {
font-weight: bold;
color: #fff;
}
Much appreciated! 8)

When I put the forum in maintenance mode the li.welcome strong color reverts back to the default color #444. How can I fix that?

Quote from: Shades. on March 18, 2023, 09:55:30 AMWhen I put the forum in maintenance mode the li.welcome strong color reverts back to the default color #444. How can I fix that?

Try this -

ul.welcome li strong {
    color: #000;
}

Thanks @TwitchisMental! That worked perfectly too! :)

strong, .strong {
font-weight: bold;
color: #444;
}
li.welcome strong {
font-weight: bold;
color: #fff;
}
ul.welcome li strong {
    color: #fff;
}

Quote from: Shades. on March 18, 2023, 10:46:53 AMThanks @TwitchisMental! That worked perfectly too! :)

Code Select Expand

strong, .strong {
font-weight: bold;
color: #444;
}
li.welcome strong {
font-weight: bold;
color: #fff;
}
ul.welcome li strong {
    color: #fff;
}

You're welcome.