sneed

Actually I just need the background color to fill about 70% of the width. Ideally with a black border.

But it is working. All the styles I applied work fine.

This is the page: https://www.qualitymattresscorp.com

Keep in mind I deleted all my nav bar CSS code before adding yours. Here’s what I havew:

.site-branding {
width: 100%;
text-align: center;
}

.woocommerce .col-md-8 {
width: 100%;
}
#secondary {
display: none;
}

.navbar-nav {
float: none;
margin-left: auto;
margin-right: auto;
width: 730px;
}

.navbar li a.woomenucart-menu-item {
display: none;
}

.related.products {
display: none;
}

Yes it is, that’s how I add custom CSS.

Yes, but as a test I removed all my nav bar code and just added each of your code suggestions. Each time, the result was a wider nav bar with only one solid color.

I add the CSS with my Simple Custom CSS plugin. I achieved the effect on another site by using the Max Mega Menu plugin, but I’d rather do it with CSS. Here is the site: https://www.designhous.com

Erik, none of those work. They just turn the outer portion of the nav bar from white to a light purple. I want the main portion of the nav bar to be two toned to give it some depth.

Maybe 2 shades of purple. https://www.qualitymattresscorp.com

Everything I read said that the @import function was no longer used. I switched to enqueue and everything seems to working properly.

Nope, that worked. Thanks so much!

Page Builder is a widget that allows you to create rows and columns so “boxes” can be placed on a page so text and images and videos can easily be situated next to each other. When I open a page in Admin, it defaults to Page Builder and I have to Switch to Editor to see your Font Family and Font Size options. When I alter the font size it appears on the screen but not on the published page.

I should note it is a SiteOrigin Page Builder.

I don’t want posts to appear in the slider. In fact I don’t want any blog or posts anywhere on the website. I just want images in the slideshow.