Thank you Elliot!
May be a dumb question, but how do I ‘load a thumbnail’ in the Masonry settings? Do you mean that I have to upload a smaller size image in media and thereafter load it into Masonry?
Thank you very much in advance.
Kind regards,
Ronald

Hi Yigit!

I put it in a smaller column, this worked for the big picture.
the code did unfortunately nothing. the thumbnails are still not scaled right. at hover on the thumbnails, the pics are shown scaled wrong in the place of the big picture. since i also want to get rid of the border and have a margin between big pic and thumbs i tried this:
`#top div .avia-gallery .avia-gallery-big .avia_start_animation{
height: auto!important;
margin-bottom: 20px !important;
border-style: none!important;
}

#top div .avia-gallery .avia-gallery-thumb{
height: auto!important;
border-style: none!important;
}`
but this also does nothing…
i hope i wrote it understandable in a way… :)

regards
Lucie

• This reply was modified 10 years, 4 months ago by aB-Agenta.

First solution: Putting this one in the child theme of your Function

function avia_post_nav($same_category = false, $taxonomy = 'category')
	{
		global $wp_version;
	        $settings = array();
	        $settings['same_category'] = $same_category;
	        $settings['excluded_terms'] = '';
			$settings['wpversion'] = $wp_version;
        
		//dont display if a fullscreen slider is available since they overlap 
		if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) || 
			class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;

		$settings['type'] = get_post_type();
		$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;

		if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
		if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;

	        $settings = apply_filters('avia_post_nav_settings', $settings);
	        if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;
	
	        if(version_compare($settings['wpversion'], '3.8', '>=' ))
	        {
	            $entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	            $entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	        }
	        else
	        {
	            $entries['prev'] = get_previous_post($settings['same_category']);
	            $entries['next'] = get_next_post($settings['same_category']);
	        }
	        
		$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
        $output = "";

		foreach ($entries as $key => $entry)
		{
            if(empty($entry)) continue;
			$the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
			$link 		= isset($entry->av_custom_link)  ? $entry->av_custom_link  : get_permalink($entry->ID);
			$image 		= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');
			
            $tc1   = $tc2 = "";
            $class = $image ? "with-image" : "without-image";

            $output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
		    $output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
		    $output .= "    <span class='entry-info-wrap'>";
		    $output .= "        <span class='entry-info'>";
		    $tc1     = "            <span class='entry-title'>{$the_title}</span>";
if($image)  $tc2     = "             ";
            $output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
            $output .= "        </span>";
            $output .= "    </span>";
		    $output .= "</a>";
		}
		return $output;
	}

login data attached.

Pls take a look also at https://www.dev.sensity.pl/o-sensity/aktualnosci/, where thumbnails are on the left are displayed in the wrong way.

Hi Rikard

Ok, here are some screnshorts in a dropbox folder, as you can see, no matter what setting I choose for single blogpost, when you click on a post it never shows the full picture when the post is posted trough a user profile from my plugin UsersUltra on my website.

It doesn’t matter if I choose thumbnail or big it still cuts the picture, just either cuts it in a bigger version, or in smaller version, but never shows the entire picture when you click on the post. All I want is for it to keep showing the entire picture, all the time, I never want a cut version.

This is a problem that’s only just come up after I changed to Enfold, so I’m thinking it must be possible to fix it, maybe some costume css code somewhere or?

You also have my login credential in this tread.

thank you:)

Kind Regards

Olga

Thank you for your response. Yes, I resolved the issue with the columns + images. However, I have another problem I am trying to sort out. For a slide show of still images on a different page, I am working with the easy slider feature and I want each image to be the same height when they are displayed in the slider. I resized all of the images in photoshop so that each image has the height of 1000px. I selected ‘No Scaling’ in the drop down menu, yet the images continue to display in different height sizes. I also regenerated my thumbnails, cleared my browser’s (Safari) cache, and did a few hard refreshes, but unfortunately, no success. So then I went into the menu settings of the Easy Slider and changed the image size setting from ‘No Scaling’ to ‘Featured.’ Using the Simple Image Size plug-in, I changed the height setting for ‘Featured’ images to 1000px for all the pictures in the slide show. but still, no success! The height of the images in the slide show varies for each image. I have since removed all the images from the slide show except for two. It can be viewed here: http://josephbrunette.com/blog/ What am I doing wrong? Any other ideas? Thank you so much!

Joe

After some attemps, I’ve replaced all your previous code just with;

.home .avia-content-slider .slide-image {
float: left;
margin-top: 0;
margin-right: 1.4em;
}

and seems to work fine on every device.

Regards,
Valentina

I did some changes in the functions.php file, but the problem occurred before changes.
Anyway they’re not changes related to layout: I’ve added a shortcode, changed the size of featured pictures and changed the overlay icon for suggested posts thumbnails.
I did some changes in the CSS, using WordPress Jetpack but again, they are not related with the layout.
I’ve tried by deactivating the plugins, but it didn’t work. You can have a try if you want and deactivate plugins if needed. I’m giving you a temporary admin profile.

Thank you

I think I’ve opened a can of worms… …

1. With any contents added below the product thumbnail, it is wrapped within the image class div.

2. Any a href tag auto generates rel=product_images[grouped].

3. By manually adding a </div> (to close the image class) before the custom content, the content on the right and sidebar (if any) will be pushed below the product thumbnail. If the sidebar has removed, it will produce an empty space above the product title. The empty space is due to the hidden sidebar..

4. The HTML output the sidebar despite being removed. http://i.imgur.com/x4ubf8t.png

Hi Yigit,

Thanks for the help.
No. It doesn’t work either with commenting out
echo "</div>"
I reckon the product thumbnail is wrapped with sidebar? I’m curious why is it done in this way?