Which style sheet for the bootstrap theme?

[laura458]

Hi all! I wanted to change the menu bar color (and other layout colors) and can't find the proper place to do it. I'm using the bootstrap theme. Is /storefront/view/default/stylesheet/bootstrap.css the right place?
I'm old. but the mind is still willing. A lot has changed since I made html web pages 25 years ago. Thanks for any help

[Pwner]

When trying to find what specific css file is being used on a webpage, one thing I do is just hit "Ctrl+Shift+C" (or you can just hit F12 if you are not on firefox....i dont know if ctrl+shift+c works outside of firefox tbh lol), then you can highlight the area you are curious about, and on the "developer tools" menu it will have the html code on one side, and the other side should have the css rules and will show exact file locations for all css rules. Once you figure it out, you can use the developer tools on your web browser to kind of "backtrack" a lot of things and find what you are looking for .
If I am unclear on anything, please feel free to ask and I can help out. I am no web-master, but I also love learning more and more lol.
(Just trying to teach how to fish, rather than give a fish lol.)

[laura458]

Thank you! I'll give it a try and let you know if it works

[laura458]

Well, still can't find where to change the black strip in the header.

[Basara]

Well, still can't find where to change the black strip in the header.

Hello.
You can add own CSS rules to the CSS file like

Code: [Select]

.navbar.navbar-expand-md.navbar-dark.bg-dark {
    background-color: #3c86c7 !important;
}

[laura458]

Thank you Basara, I'll try it. have to find where to put it first. That's my main problem. I can insert certain things through the html blocks, but other codes I need to get into the root files. Finding the right ones is the issue. I use the page source panel in win. but it's a bit confusing trying to find the exact script page.
LOL, it's not like the days when working in wordpress with "type this using this code and get Hello World" in html and some PHP, then you made a simple web page.

Ok, so I went into storefront/view/default/stylesheet for bootstrap5 theme and went into style css tried a few test colors in a few areas and nothing changed.
If I go to public/extensions/bootstrap5/storefront/view/bootstrap5/css/style.css same issue.
This is the problem I have, so many areas and not knowing the right one to get into to make changes, or do all these areas lead to the same style.css?

[Basara]

Hello.

To create a page go to the Design > Content

[laura458]

Tried that. Doesn't work when just trying to change the nav bar color in my theme. Wanted to have a white bg so the logo blends in with black fonts on the menu bar and blue in the dropdown so a person can see them. I know it's not hard, it's what page to do this in the original css.

[Basara]

Hello.
Did you clear the browser cache after you modify the CSS file?

[laura458]

Yes, both browser and store cache.
So, because the script has a lot of the css rules that it is grabbing are actually located off-site using cdn could be my problem?