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
Solved

razorCMS: Change Menu Font

Posted on 2016-11-21
4
72 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 500 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

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

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

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
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.

860 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