Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • August 28, 2014 at 2:25 pm #310413
    BPC

    Hi, i need a special font in my menu, with bigger size, and no border arround.

    What is the css i have to use for this ?

    my background color is #66FFFF.

    August 28, 2014 at 2:29 pm #310417
    Yigit

    Hey BetuwePC!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab to remove borders

    .av-main-nav > li > a {
border: none!important;
}

    You can change font size, color and family in Enfold theme options > Advanced Styling tab. You should edit “Main menu links”

    Regards,
    Yigit

    August 28, 2014 at 2:36 pm #310422
    BPC

    thanks, but what about the height of the menu ?

    August 28, 2014 at 2:42 pm #310425
    Yigit

    Hey!

    Please add following code to Quick CSS as well and adjust as needed

    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child { height: 60px; }
#top .av-main-nav > li > a { height: 60px; line-height: 60px; }

    Regards,
    Yigit

    August 28, 2014 at 2:55 pm #310438
    BPC

    Super, thanks

    and is it possible to use a own font ?

    I have ballpark 400.js and Champagne__Limousines_300.font.js

    August 28, 2014 at 3:10 pm #310451
    Yigit

    Hey!

    Please see – http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/
    or try using this plugin http://wordpress.org/plugins/wp-font-face/

    Best regards,
    Yigit

    August 28, 2014 at 4:10 pm #310495
    BPC

    del

    • This reply was modified 10 years, 2 months ago by BPC.
    August 29, 2014 at 7:13 am #310803
    Ismael

    Hi!

    What are the font file formats that you have on your installation? Where did you place the font folder? If possible, please post the font face code that you use on pastebin.com

    Regards,
    Ismael

    August 29, 2014 at 4:24 pm #310979
    BPC

    del

    • This reply was modified 10 years, 2 months ago by BPC.
    August 30, 2014 at 4:46 am #311155
    Ismael

    Hi!

    Thank you for that info but we need to see what’s inside. I mean, we need to see the code. You actually add the font face code on the Quick CSS field or the custom.css file. What are the font file formats that you have?

    Best regards,
    Ismael

    September 4, 2014 at 11:03 pm #313635
    BPC

    Euhm, lets try another way.

    As you can see on the site in my first post i have 2 fonts ready.

    – segoe_uiregular
    – champagne__limousinesregular

    I need the first one for the p and li text
    The second one for the menu and H2 tags.

    I use this in quick css

    .av-main-nav , h2 {
    font-family: “champagne__limousinesregular”, Georgia, Serif;
    }

    p , li, widget {
    font-family: “segoe_uiregular”, Georgia, Serif;
    }

    But the menu gets the wrong font, you see what going wrong ?

    September 4, 2014 at 11:05 pm #313638
    BPC

    Oh, and the H2 is making everyhting in CAPS, i dont need that.

    September 4, 2014 at 11:47 pm #313664
    Yigit

    Hi!

    Please try adding !important rule as following

    .av-main-nav , h2 {
font-family: “champagne__limousinesregular”, Georgia, Serif !important;
}

p , li, widget {
font-family: “segoe_uiregular”, Georgia, Serif !important;
}

    also add following code to Quick CSS 

    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: none; }

    Regards,
    Yigit

    September 5, 2014 at 11:35 am #313948
    BPC

    No that doesnt do the trick

    What i have in quick css is this now :

    .fallback_menu {
    background-color: #66FFFF;}
    .av-main-nav > li > a {
    border: none!important;
    }
    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child { height: 60px; }
    #top .av-main-nav > li > a { height: 60px; line-height: 60px; }

    .av-main-nav , h2 {
    font-family: “champagne__limousinesregular”, Georgia, Serif !important;
    }

    p , li, widget {
    font-family: “segoe_uiregular”, Georgia, Serif !important;
    }
    .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none; }

    September 6, 2014 at 3:20 am #314279
    Josue

    Hey!

    Try with this code:

    .av-main-nav li a{
    font-family: "champagne__limousinesregular" !important;
}

    Please note that providing fixes for third-party plugins is outside our support scope.

    Cheers!
    Josue

    September 22, 2014 at 12:22 pm #322936
    BPC

    I understand, but i cant get it working.
    Can i ask you if you have an other trick for me to get this 2 fonts working ?

    September 22, 2014 at 6:06 pm #323198
    BPC

    i have it working, Thanks for all the help !

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Menu height and border’ is closed to new replies.