Hello Ismael,

I tried your solution, but not working. I made sure all thumbnails are in proper size.
This is screenshot for an image being displayed on Retina in three different methods.
http://onthe8.com/corporate/test.jpg

Main link is
260 x 185
http://www.onthe8.com/wp-content/uploads/acres.jpg

Retina link is
http: (Email address hidden if logged out)
520 x 370

Whole website is working properly but portfolio Grid.
Its not the thumbnail Size issue, its how its being displayed (May Be CSS), Please let developer know, Its a bug.

Thanks
Jas

is this the set?
body, h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox

yes

found another post, by luck as search is less than desirable:
/* Font size */
body { font-size: 14px!important; }

this of course leaves everything else untouched ie recent post size / menu sizes
it should be much easier than designed

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,