Navigational Links Editable?

Hello. I'm building this site for a friend and he'd like to remove the 'First' and 'Last' found in the upper navigation of the 'Ribbon Fullsize' gallery. We'd like it to just be 'Prev' and 'Next', but I tried to remove these from the gallery's index.php and the gallery.js, but removing them killed the functionality.

Secondly, I'm been trying to edit the common.css for this gallery but I'm unable to effect the navigation font and background colors. I've looked into a .nav conflict with my site's style.css, but couldn't find one. Any ideas?

index_test3.php

Changing the '.pg-rf .nav a' here doesn't do anything:
common.css

Thanks in advance for your help.

in the galeries/ribbon_fullsize/index.php file, you can edit the navigation:

<!-- navigation -->

    <div class="nav">

      <a href="#" class="first">First</a>

      <a href="#" class="prev">Prev</a>

      <a href="#" class="next">Next</a>

      <a href="#" class="last">Last</a>

    </div>

since you are using the Light design, color changes to the navigation need to be made in the galleries/ribbon_fullsize/css/light.css file.

Thanks for the quick response, but I've found that removing the 'First' and 'Last' from the index.php file breaks the functionality of the remaining navigation. I've removed them and now doesn't work:

index_test3.php

Ok, instead of removing them, set the visibility property to hidden:

<div class="nav">

      <a href="#" class="first" style="visibility:hidden;">First</a>

      <a href="#" class="prev">Prev</a>

      <a href="#" class="next">Next</a>

      <a href="#" class="last" style="visibility:hidden;">Last</a>

    </div>

Thanks, that worked, however when trying to align-right 'Next', there is a space for 'Last', even though it's hidden:

index_test3.php#

I can increase this to get it close, but it's not a true align-right:

.pg-rf .nav {
width: 575px;

Any ideas? Thanks!

re order the links:

<div class="nav">

      <a href="#" class="first" style="visibility:hidden;">First</a>

      <a href="#" class="last" style="visibility:hidden;">Last</a>

      <a href="#" class="prev">Prev</a>

      <a href="#" class="next">Next</a>     

</div>

Worked great, thanks for all your help!

you're welcome.