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 !

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