DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.

How to change top bar color?

 3 Replies
 1 Subscribed to this topic
 37 Subscribed to this forum
Sort:
Author
Messages
New Around Here
Posts: 9
New Around Here

I am trying to find out how to change the background color of the top "bar" of my DNN website. It is white and I would like it to be blue, however, I have tried many different solutions such as changing colors in the CSS pages, and it is still white. I am including a picture to help explain what I need. The brown part in the example photo is what is white on my website and I would like it to be blue. Thanks so much in advance.

Veteran Member
Posts: 1182
Veteran Member
MVP
MVP
You're an MVP!
Welcome to the DNN Community!

This is normally a thing that is in the CSS of the skin/theme. You should check it there. Use the Developer Tools of your browser to find the style class that you need to change.

Happy DNNing!
Michael

Michael Tobisch
DNN★MVP

DNN Connect
Veteran Member
Posts: 1246
Veteran Member
MVP
MVP
You're an MVP!
Let's start with your version of DNN and what you are using for the theme/scheme. I ask because it looks like your image is an image of THIS site, which uses (I think) a custom skin called DNNCommunityTheme. Is that what you are using?

The answer to your question is that you'll need to change a background color in the theme's CSS structure. It looks to me (using browser development tools, that you want to change the background color assigned to the class bg-secondary for the header element. You'll want to make this change where the colors are specified, so you are going to need to do some digging to understand how the theme is built to change the color in the correct place.
New Around Here
Posts: 9
New Around Here

Thank you for your response. After reading your response, I realized I wasn't working in the correct CSS file, and so I have now been able to change it. Thanks again!

These Forums are for the discussion of the open source CMS DNN platform and ecosystem.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy
  2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
  3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  5. No Flaming or Trolling.
  6. No Profanity, Racism, or Prejudice.
  7. Site Moderators have the final word on approving / removing a thread or post or comment.
  8. English language posting only, please.

Would you like to help us?

Awesome! Simply post in the forums using the link below and we'll get you started.

Get Involved