Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #5165

    Working on the header a bit and have a couple questions…

    1) How do you edit the main menu font (want to increase to 15px and bold) without impacting the rest of the site’s font.

    inserted the snippet below in the quick css box but it of course changes the entire site.

    body {

    font-size: 15px;

    font-weight: bold

    }

    any recs?

    2) how/where can i edit/manipulate other side bar menus.

    3) I would like to add a thin border to the main menu in the minimalist theme. Any suggestions?

    finally,

    4) There’s a horizontal rule that keeps showing up at the base of every page between main content and footer. it’s not in the template and can’t seem to find it in the css.

    Thank you!

    Brendan

    #49082

    Hey,

    1) Use following code instead:

    #top .main_menu .avia_mega ul a {
    font-size: 15px;
    font-weight: bold;
    }

    For the headlines use:

    #top .main_menu .avia_mega h1, #top .main_menu .avia_mega h2, #top .main_menu .avia_mega h3, #top .main_menu .avia_mega h4, #top .main_menu .avia_mega h5, #top .main_menu .avia_mega h6 {
    font-size: 15px;
    font-weight: bold;
    }

    2) I’d use the “Custom Menu” widget. First create a “sidebar” menu (Appearance > Menus) and then go to Apearance > Widgets. Drag’n'drop the custom menu widget into a sidebar widget area and select the right menu.

    3) I’d use following code:

    #menu_header .container{
    border-bottom: 1px dotted #C0C0C0;
    }

    You can change the styling, borders, etc.

    4) Can you post a link to the page/post where the problem occurs?

    #49083

    here’s the page — http://dev.pcmginteractive.com/brunhouse/

    1) When i added the code for issue #1 it simply made the drop down menu items larger, but not the main menu items…??

    2) In terms of sidebar menus, i was more interested in manipulating the font – color/size/style. got the adding & editing part down.

    3) the menu container code simply creates what looks like an hr at the base of the header section… any recs on making it outline the dropdown?

    I know several of these could be fixed using a different color scheme – i was trying for a super clean look w/ primary in w/ the minimalist style being #ffffff but am hoping there are ways to editing the parts that need tweaking. Also in this category, the send button on the contact page which is coded rather than a linked image file. I love the Avia framework and overall prefer it over other WP systems but some of the others, Gallantry for example, offers a much broader range of options in setting up the color scheme and general appearance…

    Any help would be much appreciated.

    Thank you.

    #49084

    1) You can use following code to affect all menu items:

    .avia_mega li a {
    font-size: 15px;
    font-weight: bold;
    }

    If you want to use a different submenu items style you need use following code too:

    .avia_mega li a li a {
    font-size: 13px;
    font-weight: normal;
    }

    2) It’s hard to say because it depends on the widget, html element, etc. but basically something like:

    .sidebar .widget{
    font-size: 13px;
    color: #fff;
    }

    should help you. For links use:

    .sidebar .widget a{
    color: #fff;
    }

    and for headlines:

    .sidebar .widget h3{
    font-size: 13px;
    color: #fff;
    }

    3) You can apply a border to the mega menu:

    .main_menu .avia_mega1, .main_menu .avia_mega2, .main_menu .avia_mega3, .main_menu .avia_mega4, .main_menu .avia_mega5{
    border: 1px dotted #333;
    }

    and/or dropdown:

    .sub-menu{
    border: 1px dotted #333;
    }

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

The topic ‘Fonts and Horizontal Rule’ is closed to new replies.