Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #18299

    Can you direct me to where I can change the font properties of the main navigation menu? Thanks.



    You can add this on your custom.css

    #menu-main-menu li a {
    font-family: Times New Roman;




    Do you know which css file the main navigation is located? I’d like to make other changes as well (link color, hover, size, etc.).



    All css files can be found in the css folder (wp-content/themes/replete/css/). I wouldn’t change the css files directly – instead use custom.css to overwrite the existing theme styling code.




    Thanks for responding. I’ve gone through all the CSS files (layout, base, grid, etc.) and I’m having difficulty locating some of the specific items. Can you tell me which CSS file and which property/class I need to edit the following:

    1. Main navigation menu: Need to change the font colors (active, hover, etc.).

    2. Woocommerce stuff: Add to cart button color and font size. Product price font size. Product tabs.

    3. Site buttons: Font sizes.

    BTW, this theme is fantastic!


    Hi adamsqb,

    I would never recommend going through the css files directly to find a single css class. Entirely too time consuming and confusing since there are so many levels of css taking different priorities. Instead, use something like Firebug for Firefox or Chrome/Safari’s Inspect Element features.

    For the navigation menu, you can Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .main_menu .menu a {
    color: red;
    #top .main_menu .menu a:hover {
    color: blue;

    2) Try picking out the css classes directly with one of the options I mentioned above and adding the css to your quick css or custom.css file. The list for this one is pretty huge but being able to pick them out and customize them directly will give you the most control. For example, this kind of structure for the product buttons:

    #top .avia_cart_buttons .button {

    3) The general site buttons are done with the following classes:

    #top .button , #top .submitbutton { }
    #top .button:hover, #top .submitbutton:hover{}

    They can be found in lines 762-789 in layout.css.



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Main Nav Menu font’ is closed to new replies.