Custom style for navigation in bootstrap


#1

Not stuck on an exercise; just a simple CSS question for bootstrap at:
http://www.paypalteacher.co.uk/

No error message; just want to know how to best replace the color for last option on nav; RATE MY FRENCH FREE! I would like it in orange.

See code below, thanks peeps!

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Class options</a>						
                    </li>
                    <li class="page-scroll">
                        	<a href="#about">About tutor</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Rate my French Free!</a>
					
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>

#2

Hi
do you want the background-color or the font-color to be orange? Anyway, you could do it

If you have a personalizing css file, you could also do it there. Add an ID to this <li> and personalize it in the css file. However, I noticed that bootstrap changes the colour when you reach the corresponding section so that the orange colour disappears to become something darkish. After some googling research, I found this which may also help :

I hope that it will help you

Cheerio


#3

hey, merci thebelgian1 for prompt reply! I was thinking of the font color but background color is better - I did edit the code (easy!! :grinning:) and voila. Its a call to action so not a problem if orange disappears later, thanks again!