Latest news bar - modify color of copy and social icons

How do I change the color of the bar up top and the copy and the social icons?

Also, one of the social icons is a person and allows you to log into the site. How do I remove that icon? I have not offered that functionality on my site so it doesn’t make sense for it to sit up there.

Hello @evaladhani,

  1. Can you please provide some explanatory screenshots in order to illustrate what exactly you want to achieve? You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

  2. Please try to use the following CSS code in order to hide (not remove) that icon. You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

ul.nav.nav-pills.auth-social-nav li.dropdown {
    display: none;

Kind Regards, Roman.

Hi Roman,

Sure thing. Here’s a screenshot.

See the gray text on the pink background? It’s not visible. How do I modify the color of the text on the latest news bar? Similarly, how do I modify the color of the social icons on the latest news bar? These are also tough to see.

Thank you,

Hello Eva,

Please try to use this CSS code:

.media.breaking-news .item a {
    color: white;

.nav.nav-pills.auth-social-nav i {
    color: yellow;

Kind Regards, Roman.