[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

razorCMS: Change Menu Font

Posted on 2016-11-21
4
Medium Priority
?
187 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
  • 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

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses
Course of the Month18 days, 8 hours left to enroll

825 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