I’ve basically added this to that single-portfolio.php file:

<?php 
				// DYNAMIC CONTENT
              echo "<div style='float:left; border:1px solid #E1E1E1; margin-right:5%; margin-bottom:20px;'>";
			  	if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
              the_post_thumbnail( );
              } 
			  
				the_title( '</div><h3>', '</h3><p>' ); 
			   
				echo strip_tags (
				get_the_term_list( get_the_ID(), 'customers_entries' )
				);
				$customers_website = simple_fields_get_post_value(get_the_id(), array(3, 1), true);
				echo "</p><p><a href='$customers_website' target='_blank'>$customers_website</a></p>";
				?>

This is supposed to make sure that the logo (featured image), the title and a custom field of that specific page are automatically shown on the page in a specific way. If I delete that piece of code, the page is back to normal (empty content though).

What I’m trying to achieve is to have a few elements of the portfolio page to be shown, then see all of the page content (which doesn’t seem to load now) and then the footer etc.

The strange thing is, the “Good link” has the exact same piece of code and there’s no error there.

• This reply was modified 12 years, 3 months ago by DavyE.

Hello

I have checjked and you are not correct. The theme version is already the latest. I would attach a thumbnail but this forum does not facilitate this,

There is no responsive menu on an ipad.

hi, again

that didn’t change the width of the rollover area itself – i’d prefer to actually keep the thumbnails, but for some reason when i was importing the images, some worked OK and others are seen as much larger in the post thumbnail list when editing – perhaps a flaw in the host…

regardless, the rollover to the left is now wrapping the text and to the right it still looks like about 240 pixels on hover, but i think that if the name isl onger than 100 pixels it’s going to wrap, and i just want the overall hover area to be tighter

thanks again :)

Sure – if you visit my site: http://www.flylanddesigns.com and click on any of the images in the portfolio section, I’d like the image list that comes up in the ajax portfolio after you click on a thumbnail to have a little more space between each image.

Thank Ismael, that did it. Probably a good chunk of css to add in a future update.

It would make sense that it was intended if the “fallback image” degraded gracefully. Instead I get a collapsed area that still displays the stylings of that container.

Hi Josue and Ismael,

Thank you for your replies.

Our site is on maintenance mode so unfortunately I can’t show it to you. I made a screenshot of the page I’m talking about: http://postimg.org/image/uf7h3e19p/. So I don’t mean that my featured image is 80×80, but the preview image above the post. I want those thumbnail preview images in the overview of news articles, however, when clicking on an article I would like to show an image as big as the preview image as shown in the screenshot. Or, I want to remove the preview thumbnail :) Doesn’t matter which way, as long as it will only shows one image with the same width as the text.

Hope to hear from you, thanks!

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>