Navigation Bar Question

[Nick]

The default Shadows framework is controlled by three CSS files: core.css, extensions.css, and theme.css

These files are all uploaded to the CSS resources section of them Miva admin.

A number of default styles are called out in the core.css file. My suggestion would be to edit the core.css file to the branding colors of the site and other defaults. Then further customizations can be done in the theme.css or extensions.css files.

[mstella1]

I'm wondering if this can be a wishlist item given that pretty much every site would want to customize the main navigation colors. It would help keep our brand colors out front instead of using just black & white.

Thanks again!

[lesliekirk]

Short answer - in the Shadows CSS. This isn't a PageBuilder item.

Longer answer - it's more a matter now of adjusting/tweaking the theme / root settings. If you are using the Developer Tools in your browser you'll see more of what I'm talking about. If you want to make some donw and dirty tweaks you can still through some style tags in the HEAD Tag. Just seems like there are lot more lines of code to deal with nowadays

[mstella1]

Still trying to tweak this look and feel. Where can I change the background color and font color in the nav bar? I don't want to mess around with too many things in the code but those are kind of important for our branding. I need to change the background to a hex or RGB color and the text just to white.

Thanks!

[lesliekirk]

If you want to play around with it a bit before you make it permanent add that snippet to the HEAD Tag

<style>
.t-site-header__logo img { max-height: 32px; width: auto; }
</style>

Make your changes and if it works for you, then you can create a custom CSS file to override the default file.

[mstella1]

I can't find where that is. I checked the global header and I see the logo placement there and started looking in some of the stylesheets.

[mstella1]

Ahh gotcha :) Thanks!

[lesliekirk]

Forgot to also ask - do you know if there is a way to resize the logo? I put in the logo dimensions I wanted in the "Auto Sizing" spot and that doesn't change the logo. The logo is too small and I can't resize it.

There is also CSS in play that constrains the logo.

.t-site-header__logo img {
max-height: 32px;
width: auto;
}

That pesky little max-height is impacting the logo size.

[mstella1]

Forgot to also ask - do you know if there is a way to resize the logo? I put in the logo dimensions I wanted in the "Auto Sizing" spot and that doesn't change the logo. The logo is too small and I can't resize it.

[mstella1]

Thank you!

[lesliekirk]

Look in the Theme Components > Navigation Sets. Off the top of my head I'm not sure what it's name is in Shadows 10.05

[mstella1]

Hi,

This may be a really silly question but where can I make edits to this section below (red arrow)? Having a hard time trying to find where I can edit the navigation bar in the Shadows theme.

Thanks,
Mike



Untitled-2.jpg