
-
AuthorPosts
-
January 13, 2014 at 12:39 am #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
January 13, 2014 at 3:23 am #208777Hi 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,
YigitJanuary 13, 2014 at 10:57 am #208880Hi 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
January 13, 2014 at 2:13 pm #208928Hi!
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!
IsmaelJanuary 13, 2014 at 2:32 pm #208938Hi 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
January 13, 2014 at 3:22 pm #208975Hey!
Don’t place the font face code inside the media queries. Place the code under:
/* General Custom CSS */
Best regards,
IsmaelJanuary 13, 2014 at 3:56 pm #208991I 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.
January 14, 2014 at 7:15 pm #209624Hey!
Yes, that would ease the debugging process for us. Reply to this topic when your site is online.
Best regards,
JosueFebruary 5, 2014 at 10:39 am #219863Hi 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 !
February 6, 2014 at 5:07 pm #220513Hi!
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,
YigitMarch 14, 2014 at 12:20 am #237284Nice ! It works!
thanks!
-
This reply was modified 11 years, 6 months ago by
-
AuthorPosts
- The topic ‘How to add the underline bar in the menu ? How to add a non-google font ?’ is closed to new replies.