StartBootstrap / startbootstrap-freelancer

A flat design, one page, MIT licensed Bootstrap portfolio theme created by Start Bootstrap
https://startbootstrap.com/theme/freelancer/
MIT License
2.57k stars 3.47k forks source link

How to change the color of #2d3b51, #2d3b50 and #1a2430 in the style.css file ? #337

Open gnubsdguy opened 4 months ago

gnubsdguy commented 4 months ago

Hi Hello.

I have been changing some colors in the style.css file but there are are two colors that I could not find (at the top bar (which says start bootstrap) is #2d3b51 and the bottom, (where it says (Copywrite your website 2023)) there is #1a2430. I just used a text editor (scintilla in linux) but it seems not to find both colors. Is there anyway to find them ?.

Thanks so much for this template !

Regards

Manuel.

nd3w commented 4 months ago

For text 'Start Bootstrap' at the top, it's part of .navbar-brand that embedded in bootstrap core style. Just add a new selector at the bottom of style.css

.navbar-brand {
    color:#fc3 !important
}

For text at the bottom, add another property for the selector .copyright at the bottom of style.css:

.copyright {
  background-color: #1a252f;
  color:#fc3 !important
}
gnubsdguy commented 4 months ago

Thanks so much for you answer !!!! I am going to test it if it works !

gnubsdguy commented 4 months ago

Hi Again, just one more question (the last one). How I change the second section that says "start boostrat" (that's text it says after Graphics Design, Webdesigner and Illustrator) and there is another section it says "About" they are in some kind of green and I want to change it to another color (like the green color) of this first section on the top.

nd3w commented 4 months ago

How I change the second section that says "start boostrat" (that's text it says after Graphics Design, Webdesigner and Illustrator)

Remove font-weight-light properties and create a new selector to change its color.

and there is another section it says "About" they are in some kind of green and I want to change it to another color (like the green color) of this first section on the top.

Remove text-white properties and like section above create a new selector to change its color.