From the course: SharePoint 2019: Customizing with Themes and CSS

Unlock the full course today

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

Challenge: Modify the navigation font and background colors

Challenge: Modify the navigation font and background colors - SharePoint Tutorial

From the course: SharePoint 2019: Customizing with Themes and CSS

Start my 1-month free trial

Challenge: Modify the navigation font and background colors

“

- [Narrator] This optional challenge is going to give you the opportunity to try making changes to your site's navigation. We're going to change the navigation on a Classic view page, like I demonstrated in the earlier video. We're going to change three elements, the Menu item font color, the font color when you hover over the Menu item and the Menu background color. Open your style sheet in Edit mode, on another browser tab, and then, let's start by making the color of the font red again. The CSS element you want to work with is menu-item-text and the attribute is color, and the value is red, important. I think we're going to need to put that important in, and don't forget the punctuation. The next thing we'll change is the hover color. Here, we need to make another rule for the pseudo class, so the element this time is menu-item-text: hover. That :hover specifies the pseudo class of when you are hovering over the text. Attribute once again will be color, and this time we're going to…

Contents