From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Add a background image to the brand - Dreamweaver Tutorial
From the course: Dreamweaver CC: Responsive Design with Bootstrap 4
Add a background image to the brand
- [Instructor] The nav bar could do with some visual interest around the brand, that's this text here, Yosemite. It not only identifies the site, it's also a link back to the home page. So click the text to select it, and the element display confirms we've selected the link with the class nav bar brand, so we can now style it. So open the CSS designer panel, and I'm just going to collapse these panels down here, then in the sources pane, make sure that Yosemite.css is selected, in the @media pane, we haven't created any media queries yet, but if you have, make sure the global is selected, because you want to apply this to all sizes, and then in the selectors pane, click the plus button to add a selector. Because we've got nav bar brand selected, Dreamweaver makes a suggestion, it's far too specific, so press the up arrow once, that makes it less specific, it's just nav bar brand, that's exactly what we want. Press enter or return to confirm that. Then in the properties pane, if show…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.