?
Solved

razorCMS: Change Menu Font

Posted on 2016-11-21
4
Medium Priority
?
151 Views
Last Modified: 2016-11-24
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
0
Comment
Question by:tel2
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 34

Accepted Solution

by:
Paul MacDonald earned 2000 total points
ID: 41897507
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
 
LVL 12

Author Comment

by:tel2
ID: 41900148
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
 
LVL 34

Expert Comment

by:Paul MacDonald
ID: 41900988
That section would affect anything with the  "nav"  class, so yes.
0
 
LVL 12

Author Closing Comment

by:tel2
ID: 41901007
Thanks Paul.
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn how to count occurrences of each item in an array.
Suggested Courses

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question