DNN Forums

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

How to change top bar color?

Forums > New to DNN Platform
Sort:
You are not authorized to post a reply.





ARDMIS

New Around Here



Posts:9
New Around Here




6/1/2021 9:31 AM

    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.






    Michael Tobisch

    Veteran Member



    Posts:1125
    Veteran Member




    6/1/2021 9:53 AM
      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

      dnnWerk Austria
      DNN Connect





      Joe Craig

      Veteran Member



      Posts:1236
      Veteran Member




      6/1/2021 10:10 AM
        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.
        Joe Craig
        DNN MVP
        Patapsco Research Group





        ARDMIS

        New Around Here



        Posts:9
        New Around Here




        6/1/2021 10:50 AM

          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!

          You are not authorized to post a reply.

          These Forums are dedicated to the discussion of DNN Platform.

          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