Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #228596

    Please I will like to change the menu font to oswald as this is more presentable or show me what to do to add other founts to the menu font list , so that I can change it to suite what the client wants.
    Thank you

    Secondly, I will like to know how to make the blog page carry two blogs side by side as opposed to just one blog on a row


    Hi dandellscreations!

    1-Please add following code to Quick CSS in Brightbox theme options under Styling tab

    #top .main_menu .avia_mega a { 
    font-family: 'Oswald', sans-serif; }

    2- You are going to need to hire a freelance developer on Microlancer or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.



    I added the code as you instructed , but the font still remains the same

    Please is there a way to add the man menu to the footer so that it can be displayed at the buttom in one row ?


    Hi Dandell,

    This code works for me to change the main menu font to comic sans.

    /*CSS to change main menu font size, font, and font color */
    #top .main_menu .menu a {
    font-size: 18px; font-family:”Comic Sans MS”,Times,serif; color: #FFFFFF}

    However, the Oswald font probably isn’t a ‘safe web font’ to use – it didn’t work for my browser – Firefox on a pc. That is, some browser type or phones may not have that font so they will not be able to see it. That’s also why 3 fonts are listed as standard practice. If the first is not readable by a mobile phone, the browser looks at the second choice then the third. See for more on safe fonts to use.

    I also added in some options to change the font size and color.





    Please edit header.php, find this code on line 72:

    <!-- custom.css file: use this file to add your own styles and overwrite the theme defaults -->
    <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/custom.css" type="text/css" media="screen"/>
    <!--[if lt IE 8]>
    <style type='text/css'> .one_fourth	{ width:21.5%;} </style>

    Below or above it, add this code:

    <link href='' rel='stylesheet' type='text/css'>

    Then edit css > custom.css, add this code to change the menu font:

    #top .main_menu .avia_mega a {
    color: #666;
    font-family: 'Oswald', sans-serif !important;
    font-weight: bold;


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

You must be logged in to reply to this topic.