From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Customize the color scheme

Customize the color scheme - Dreamweaver Tutorial

From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Start my 1-month free trial

Customize the color scheme

- [Narrator] Creating a custom color scheme for a Bootstrap 4 navbar, involves using some complex CSS selectors, but once you've defined them, it's a simple matter of choosing your background and foreground colors. If you were following along in the previous video, select the opening nav tag. I'll select it in the DOM panel, then in code view, I can see that what I need to remove is the inline style for the background color that I added in the previous video. So select that, and delete it. I also need to get rid of this navbar-dark class, so select that also, and delete it. You should be left with just three classes in the opening nav tag: navbar, fixed-top, and navbar-expand-lg. If you're working with a default navbar, remove the two classes that control the text and background colors. By default, they're navbar-light and bg-light. And in both cases, you should end up with this plain, unadorned navbar, that looks like this. The custom style rules for the navbar are in a text file…

Contents