Hi Peter,

I was hoping that after the conversion, it would become something small in size. But I agree with what you just said.

So I will stick with the default fonts.

Thank you again for spending your time answering my question and writing me detailed instructions. I really appreciate it!

Thank you,

Hi Yigit,

http://imotec.nl/

.container_wrap {
clear: both;
position: relative;
z-index: 1;
border-top-style: solid;
border-top-width: 0px;
}

.main_color h2 {
color: #0075ad;
}

.main_color h4 {
color: #0075ad;
}

.main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item {
background: #ffffff;
}

.widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item {
padding-left: 51px;
left: -51px;
top: 1px;
margin-top: -1px;
padding-top: 1px;
width: 100%;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.header_color .main_menu ul:first-child > li > a {
color: #a1c0dd;
}

.main_menu .menu ul li a {
background-color: #0076ad;
color: #a1c0dd;
}

.header_color .main_menu .menu ul li a {
background-color: #0076ad;
color: #a1c0dd;
}

#top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a {
color: #ffffff;
}

body .alignright {
float: right;
margin: 4px 0px 0px 20px;
display: block;
}

embed {
margin: 0px 0px 0px 20px;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

Best regards,

Pieterjan

For help, here is the HTML code with a strange ‘autoPlayVideos : true’ … and as you can see my iframe with “autoplay=0″.

Thanks for help.

<div id=’layer_slider_1′ class=’avia-layerslider main_color avia-shadow avia-builder-el-0 avia-builder-el-first container_wrap fullsize’ style=’height: 351px;’ ><script type=”text/javascript”>var lsjQuery = jQuery;</script><script type=”text/javascript”>
lsjQuery(document).ready(function() {
if(typeof lsjQuery.fn.layerSlider == “undefined”) { lsShowNotice(‘layerslider_3′,’jquery’); }
else if(typeof lsjQuery.transit == “undefined” || typeof lsjQuery.transit.modifiedForLayerSlider == “undefined”) { lsShowNotice(‘layerslider_3’, ‘transit’); }
else {
lsjQuery(“#layerslider_3″).layerSlider({
width : ‘100%’,
height : ‘350px’,
responsive : true,
responsiveUnder : 1140,
sublayerContainer : 1140,
autoStart : true,
pauseOnHover : false,
firstLayer : 1,
animateFirstLayer : true,
randomSlideshow : false,
twoWaySlideshow : true,
loops : 0,
forceLoopNum : true,
autoPlayVideos : true,
autoPauseSlideshow : ‘auto’,
youtubePreview : ‘maxresdefault.jpg’,
keybNav : true,
touchNav : true,
skin : ‘fullwidth’,
skinsPath : ‘http://www-test.mines-telecom.fr/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/&#8217;,
globalBGColor : ‘transparent’,
navPrevNext : true,
navStartStop : true,
navButtons : true,
hoverPrevNext : true,
hoverBottomNav : false,
showBarTimer : false,
showCircleTimer : true,
thumbnailNavigation : ‘disabled’,
tnWidth : 100,
tnHeight : 60,
tnContainerWidth : ‘60%’,
tnActiveOpacity : 35,
tnInactiveOpacity : 100,
imgPreload : true,
yourLogo : false,
yourLogoStyle : ‘left: 10px; top: 10px;’,
yourLogoLink : false,
yourLogoTarget : ‘_self’,
cbInit : function(element) { },
cbStart : function(data) { },
cbStop : function(data) { },
cbPause : function(data) { },
cbAnimStart : function(data) { },
cbAnimStop : function(data) { },
cbPrev : function(data) { },
cbNext : function(data) { }
});
}
});
</script><div class=”ls-wp-fullwidth-container”><div class=”ls-wp-fullwidth-helper”><div id=”layerslider_3″ class=”ls-wp-container” style=”width: 100%; height: 350px; margin: 0px auto; “><div class=”ls-layer” style=”slidedirection: right; slidedelay: 13000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “><h1 class=”ls-s-1″ style=”position: absolute; top:80px; left: 300px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; text-shadow:0 1px 1px rgba(0,0,0,.7); padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #ffffff; white-space: nowrap;”> Former </h1><h1 class=”ls-s-1″ style=”position: absolute; top:150px; left: 350px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 5000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Innover </h1><h1 class=”ls-s-1″ style=”position: absolute; top:210px; left: 410px; slidedirection : right; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 9000; delayout : 0; showuntil : 0; font-size:45px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); white-space: nowrap;”> Créer </h1></div><div class=”ls-layer” style=”slidedirection: right; slidedelay: 4000; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; easingout: easeInOutQuint; delayin: 0; delayout: 0; timeshift: 0; transition2d: all; “><p class=”ls-s-1″ style=”position: absolute; top:10px; left: 50px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 0; delayout : 0; showuntil : 0; font-size:200px; opacity:0.2; text-align:right; white-space: nowrap;”> #1 </p><p class=”ls-s-1″ style=”position: absolute; top:90px; left: 100px; slidedirection : top; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:50px; font-weight:normal; line-height:1.25; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; white-space: nowrap;”> Premier </p><p class=”ls-s-1″ style=”position: absolute; top:150px; left: 100px; slidedirection : bottom; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000; delayout : 0; showuntil : 0; font-size:30px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.7); text-align:right; width: 350px; line-height: 36px; “> groupe de grandes écoles d’ingénieurs et de managers en France </p><div class=”ls-s-1″ style=”position: absolute; top:15px; left: 550px; durationin : 1000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 2000; delayout : 0; showuntil : 0; z-index:10; white-space: nowrap;”> <iframe src=”http://player.vimeo.com/video/39412670?title=0&byline=0&portrait=0&color=c3512f&autoplay=0&#8243; width=”515″ height=”289″ frameborder=”0″ webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div></div></div></div></div></div><div id=’after_layer_slider_1′ class=’main_color container_wrap fullsize’ ><div class=’container’><div class=’template-page content twelve alpha units’><div class=’post-entry post-entry-type-page post-entry-734′><div class=’entry-content-wrapper clearfix’>
<div class=”flex_column av_one_third first avia-builder-el-1 el_after_av_layerslider avia-builder-el-first “>
<div class=”iconbox iconbox_left avia-builder-el-2 avia-builder-el-first “><div class=”iconbox_content”><div class=”iconbox_icon heading-color avia-font-entypo-fontello”>📖</div><h3 class=”iconbox_content_title”>A la une</h3><p>Click here to add your own text</p>
</div></div>

Hi Peter,

Thank you for the detailed instructions.

I tried to upload the font but it complained it was too big to upload. The font is about 14Mb in size. Is there another way to do it?

Thank you,

Got it!
#top .news-content {
font-size: 12pt
}
:-)