Set custom width to header and slider

For the slider, try this:

#customizr-slider {
        max-width: 1170px;
        margin-left:auto;
        margin-right:auto;
        }

For the header, rdellconsulting’s the expert…

Great – thanks! rdellconsulting, any update?

Start here:
https://www.themesandco.com/snippet/change-logo-social-icons-tagline-navbar-header/

Then let’s see what is left to add.

I tried:
.row-fluid.span9 {
margin-right: 0 auto;
margin-left: 0 auto;
max-width: 1170px;
}

with no luck

I think the ‘custom width’ idea is misleading you.

OK, let’s break it down:

Step 1: Add a Background. Try this Snippet

Step 2: Need a link to your site to get this right. From the link above, you should try:

.inside.site-description {
margin:         0% 0% 0% 0%;
}

The significance of the margin code is to move in the order:
top-right-bottom-left so you probably need to adjust the 2nd 0% to push the Tagline around. +1% will move right-left, -1% will move left-right. You can also use 0px instead of 0% but that might cause extra problems when you consider how it looks on smaller devices.

The snippets are new, so this is a good experience to find out if they’re doing what is needed.

I suppose I was thinking more along the lines of this site:
https://thegooddog.net
where all info is inside one area (yet still grows and shrinks with the window size)
I used the snippet and info above so it’s now REALLY RED and it looks like it centered my tagline.

@cari.h.cayton: this will center your header.

.row-fluid .navbar-wrapper{
float:      none;
margin:     0 auto;
width:      90%;
}