Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

razorCMS: Change Menu Font

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

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

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses

636 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