razorCMS: Change Menu Font

Hi CMS Experts,

I've inherited the maintenance of a website which is stored in razorCMS.  I hadn't heard of razorCMS, but maybe some of you have.  Someday I might convert the site to a more common & flexible CMS (e.g. WordPress), but right now I don't have time.  I've changed various things without too much difficulty, but one thing I can't work out how to do is change the style of the menus (e.g. font, size, "boldness", etc).  The current theme is "Bootswatch Paper (1-column)".

I tried Firefox Developer Tools (F12) to track down the style, haven't been able to work it out yet, and maybe there's a better way of changing the style than hacking the .css files.

Do any of you know how to change the menu font in razorCMS?

Here's the site in case you need to see it.

Thanks.
tel2
LVL 12
tel2Asked:
Who is Participating?
 
Paul MacDonaldConnect With a Mentor Director, Information SystemsCommented:
In this file:
     http://www.shepherdsarms.org.nz/extension/theme/swamper/bootswatch-paper/style/style.css

...look for this section:
     .nav{margin-bottom:0;padding-left:0;list-style:none}

...and try changing it to this:
     .nav{margin-bottom:0;padding-left:0;list-style:none;font-weight: bold;}

I think that should get you started.
0
 
tel2Author Commented:
Nice work Paul!

That works.

And would that declaration block also be the best place to put any changes to font size and font family?  E.g.:
    .nav{margin-bottom:0;padding-left:0;list-style:none;font-weight:normal;font-size:14px;font-family:'my favourite font'}

Thanks.
0
 
Paul MacDonaldDirector, Information SystemsCommented:
That section would affect anything with the  "nav"  class, so yes.
0
 
tel2Author Commented:
Thanks Paul.
0
All Courses

From novice to tech pro — start learning today.