change font weight section in nav

gana / 2014-08-22 12:58:12   

Hi I have been trying to use the forum to change the font weight of the section headings in the navigation but no result. I go into style.css and try to make the section font weight 300 but no result. My site is gianniwise.com. I want a look that is more like celineberger.com. Someone suggests going into base.css.

Vaska A / 2014-08-22 13:54:28   

A tip for you: make use of the "Inspect Element" (or Firebug) in your browser to pinpoint the things you want to adjust. If you get the hang of this it will take you very far...

What you want to do is target .section_title. Simply add this to the end of your style.css file and adjust as you with. Rememeber to use Shift + browser refresh to see changes to your style file.

  1. .section_title { font-weight: 300; }
gana / 2014-08-24 08:13:37   
  1. Starting to try this great feature out in firefox browser. 
  2. Managed to work out a few things though like default font and lines under the sections. Very interesting 
  3. But I added 
  4. .section_title { font-weight: 300; } at the end to target .section_title but still no change. Any ideas? thanks
Vaska A / 2014-08-24 08:31:13   

Did you shift + browser refresh? It looks 300 to me...I could be wrong though...

gana / 2014-08-24 10:17:47   

Yes did it... curious! I am learning a lot but with Firebug. Slowly but I will improve... maybe there's something else that I forgot and missed. So its right after #exhibit .container {
}
Correct. Thanks again Vaska.

gana / 2014-08-25 05:16:43   

Oh well guess I'm stuck with bolded section titles till I get better at this! thanks

Vaska A / 2014-08-25 07:39:22   

Don't be like that. You know, sometimes on WEEKENDS I take some time off...

Vaska A / 2014-08-25 09:52:31   

Ok, now that I'm actually at work. You aren't stuck with anything...

Your CSS says that the font-weight is 100 - isn't this what you wanted? It looks like to me. You might not see it for a variety of reasons - browser cache, your browser doesn't play well with that setting, you don't have the right fonts on your computer, etc.

Vaska A / 2014-08-25 09:54:31   

I'm sending you an email of what I see on your site - it looks like lighter text to me.

gana / 2014-08-25 11:50:27   

sent a reply by email. thanks

Vaska A / 2014-08-25 12:09:26   

Haha - I'm stupid!

Sometimes you need to target things more specifically - I don't really have a way to explain this but CSS can't be very particular (and that's a good thing).

Change it to...

  1. #index ul.section span.section_title, 
  2. #index ul.section span.section_title a { font-weight: 300; }

And see how that goes.

gana / 2014-08-26 03:26:15   

Brilliant. Guess the extra specific line did the trick. On a learning curve here and I appreciate all ur help.

This thread has been closed, thank you.