Author Topic: Which style sheet for the bootstrap theme?  (Read 1737 times)

Offline laura458

  • Newbie
  • *
  • Posts: 19
  • Karma: +1/-0
    • View Profile
Which style sheet for the bootstrap theme?
« on: March 16, 2024, 03:22:33 PM »
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 :)

Offline Pwner

  • Newbie
  • *
  • Posts: 3
  • Karma: +1/-0
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #1 on: March 17, 2024, 08:15:28 PM »
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.)

Offline laura458

  • Newbie
  • *
  • Posts: 19
  • Karma: +1/-0
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #2 on: March 18, 2024, 03:06:29 PM »
Thank you! I'll give it a try and let you know if it works :)

Offline laura458

  • Newbie
  • *
  • Posts: 19
  • Karma: +1/-0
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #3 on: March 18, 2024, 07:54:03 PM »
Well, still can't find where to change the black strip in the header.
« Last Edit: March 18, 2024, 08:40:58 PM by laura458 »

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5835
  • Karma: +275/-2
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #4 on: March 19, 2024, 06:07:00 AM »
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;
}

Offline laura458

  • Newbie
  • *
  • Posts: 19
  • Karma: +1/-0
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #5 on: March 19, 2024, 11:16:44 AM »
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?
« Last Edit: March 19, 2024, 12:23:20 PM by laura458 »

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5835
  • Karma: +275/-2
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #6 on: March 19, 2024, 12:05:55 PM »
Hello.

To create a page go to the Design > Content

Offline laura458

  • Newbie
  • *
  • Posts: 19
  • Karma: +1/-0
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #7 on: March 19, 2024, 03:14:07 PM »
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.
« Last Edit: March 19, 2024, 03:24:27 PM by laura458 »

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5835
  • Karma: +275/-2
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #8 on: March 20, 2024, 05:08:12 AM »
Hello.
Did you clear the browser cache after you modify the CSS file?

Offline laura458

  • Newbie
  • *
  • Posts: 19
  • Karma: +1/-0
    • View Profile
Re: Which style sheet for the bootstrap theme?
« Reply #9 on: March 20, 2024, 12:53:37 PM »
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?

 

Powered by SMFPacks Social Login Mod