Fonts and Horizontal Rule « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Brightbox

Fonts and Horizontal Rule

4 posts from 2 voices

Started 1 year ago by blilly
Latest reply from Dude
This topic is not a support question

Tags:

blilly
Member

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

Posted 1 year ago #
Dude
Dude
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?
Posted 1 year ago #
blilly
Member

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.

Posted 1 year ago #

Dude
Dude

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;
}

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Fonts and Horizontal Rule

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…