Styling the Navigation Bar with Custom CSS
Using the Theme Builder to create a custom theme, the Navigation Bar will use the same font and link style as the blog post content. With a pre-made theme, the Navigation Bar may use a special style that matches the theme, or a basic style that matches the blog post style. In either case, Custom CSS can be used to override the existing style and add extra elements to give your Navigation Bar its own unique look.
Styling the Navigation Bar
The container class for the pagination link area is nav-list. This class can be used to add a background color or image for the whole Navigation Bar area, for example:
The background area for each Navigation Bar link uses nav-list-item. This class can be used to add a background color or image behind each link, add borders, etc. Example:
The class used for the Navigation textual links is called nav-list-item a. This class can be used to change the font, color and link style for each link. Example:
Below is an example of all of the above classes together, as the code would appear in blogs > Design > Custom CSS.
To center the content included in the Navigation Bar within the container, you can use the CSS:
There are some other tips for customizing the Navigation Bar which do not necessarily require Custom CSS: