Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #208740

    Hi,

    1) I would like to add the underline bar in the menu because I never see it.
    I maybe did some errors and the bar disappeared ? Maybe I need to replace a file to repair this bar by default ? Can you help me ?
    2) Can you help me to add my non-google Bariol font ?
    I followed yours precedents posts but it doesn’t work. Could you rexplain me how to do ?

    big thanks,

    Thomas

    #208777

    Hi Blase!

    1- Can you post the link to your website?
    2- Please refer to this tutorial http://wpmu.org/adding-custom-fonts-to-wordpress-with-font-face-and-css/

    Best regards,
    Yigit

    #208880

    Hi Yigit!

    Thank you for your quickly answer !
    1) For the moment, I’m working in local … So I’ll show you when I’ll upload my website on the server ? Or do you have an other trick ?
    2) For my font, it does’nt work. I followed the steps. I put the code line in style.css ( but this file say “PLEASE DO NOT EDIT THIS FILE!” and say to edit custom.css, what I tried too ). So I tried in style.css and custom.css but no result …
    Do you maybe need to see the site in live to check the code ?

    kind regards,

    Thomas

    #208928

    Hi!

    1.) It should be there by default. Try to download the theme again then update your installation.

    2.) What is the font you’re trying to use? Did you create a font folder inside the enfold theme? Please post the @font-face code that you created.

    Cheers!
    Ismael

    #208938

    Hi Ismael,

    1) I downloaded and installed the update ( 2014 January 09 – Version 2.4.5) before sending you my post…

    2) I put my code in the custom.css. The font that I want to use is Bariol regular font.

    The code :

    /* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
    
    /* General Custom CSS */
    
    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
    
    @media only screen and (min-width: 768px) {
    
    @font-face{
    font-family:bariol_regular;
    src:url('/wordpress/wp-content/themes/WPenfold/font/bariol_regular.ttf') format ("truetype");
    }
    
    }
    
    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
    
    @media only screen and (max-width: 767px) {
     
    @font-face{
    font-family:bariol_regular;
    src:url('/wordpress/wp-content/themes/WPenfold/font/bariol_regular.ttf') format ("truetype");
    } 
     
    }

    Kind regards,

    Thomas

    #208975

    Hey!

    Don’t place the font face code inside the media queries. Place the code under:

    /* General Custom CSS */

    Best regards,
    Ismael

    #208991

    I followed your advice and no result … :-(
    Maybe it’s better to put the website online by the way you can see the code ?

    • This reply was modified 11 years, 6 months ago by Blase.
    #209624

    Hey!

    Yes, that would ease the debugging process for us. Reply to this topic when your site is online.

    Best regards,
    Josue

    #219863

    Hi Josue !

    My website is now online ( still under construction )
    Actually, if you click on this link ( http://www.socofidex.be ), you’ll see the old design.

    The new design is actually on a new hosting. To see the new design, you need to simulate the redirection of your desktop.

    An easy way if you don’t know how to do : modify your « hosts » file ( found in C:\Windows\System32\drivers\etc or in /etc/ for IOS) and add this line with your editor text (Notepad) :
    212.166.61.130 http://www.socofidex.be
    ( see underneath )

    ##
    # Host Database
    #
    # localhost is used to configure the loopback interface
    # when the system is booting.  Do not change this entry.
    ##
    127.0.0.1	localhost
    255.255.255.255	broadcasthost
    ::1             localhost 
    fe80::1%lo0	localhost
    
    212.166.61.130       www.socofidex.be

    Save your file. If you go to http://www.socofidex.be, you’ll see my website.
    Sorry for this process but is the only way to this my website actually …
    So, can you check my 2 issues ?
    1) I would like to add the underline bar in the menu because I never see it.
    I maybe did some errors and the bar disappeared ? Maybe I need to replace a file to repair this bar by default ? Can you help me ?
    2) Can you help me to add my non-google Bariol font ?

    Thanks for your help !

    #220513

    Hi!

    1- Please check if you have following code in Quick CSS section in Enfold theme options under Styling tab or in Custom.css file inside Enfold/css folder

    .avia-menu-fx { display: none; }

    If there is, please remove it. If there is not, please go to Appearance > Menus and make sure “Enfold main menu” is checked http://i.imgur.com/V16JrbV.jpg
    2- You can take a look here for adding custom font to your theme here http://wpsites.net/web-design/fonts-wordpress/

    Best regards,
    Yigit

    #237284

    Nice ! It works!

    thanks!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘How to add the underline bar in the menu ? How to add a non-google font ?’ is closed to new replies.