Greetings,

I have two issues
1. icons appears as boxes (they arent being read )
2. There is a white background in the thumbnails of blog posts and the video controls arent fluid

Hello,

I am creating a blog site and am using the masonry layout for the homepage. I’ve been experimenting with the right size to crop my photos. (I will value any advice you have about that.)

I’m confused because I have chosen the masonry option that says to make all images the same:

Perfect Grid: Display a perfect grid where each element has exactly the same size. Images get cropped/stretched if they don’t fit

AND I have cropped all my images to the exact same width and height before adding them as featured images. 1200 x 512 pixels. (Except for one – as a test – the first one) (I’d love to know what an ideal width would be.)

Yet, the images seems to resize themselves randomly to different heights. They are not all uniform on the homepage. Some are more narrow, some taller. And which image is different changes at different window sizes.

Also – it crops the image to just a small portion of the original image. Usually a meaningless or unrecognizable one like the sky or something. Since the thumbnail image on the homepage is created from the featured image, I expected them to match exactly, or at least very closely.

Can you help? What am I doing wrong. How can I get my homepage grid images to be truly uniform?

You will find the URL and passcode to view the website in the private content below.

Hey there,

I’ve found several articles where you describe how to change the standard image size (e.g. https://kriesi.at/support/topic/image-sizes-in-enfold/). I’ve added the code into my child functions.php and changed the height of “entry_with_sidebar” and I uploaded a new image to the blog article but it still has the same dimension. I’ve also installed the recommended plugin “Regenerate thumbnails”. It also mentions the old settings:

entry_with_sidebar: 845×321 pixels (cropped to fit)

But in my functions.php it says:

$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>500); // big images for blog and page entries

Any ideas?

• This topic was modified 8 years, 2 months ago by schlauchius.

Hi
I’am using the code underneath for a custom page that works fine however I would like to change the widget in the right column (recent posting) into a existing widget. Can you tell me how to do this?

<?php
	if ( !defined('ABSPATH') ){ die(); }
	
	global $avia_config;

	/*
	 * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
	 */
	 get_header();

	$title  = __('Blog - Latest News', 'avia_framework'); //default blog title
	$t_link = home_url('/');
	$t_sub = "";

	if(avia_get_option('frontpage') && $new = avia_get_option('blogpage'))
	{
		$title 	= 'Staff'; //if the blog is attached to a page use this title
		$t_link = get_permalink($new);
		$t_sub =  avia_post_meta($new, 'subtitle');
	}

	if( get_post_meta(get_the_ID(), 'header', true) != 'no') echo avia_title(array('heading'=>'strong', 'title' => $title, 'link' => $t_link, 'subtitle' => $t_sub));
	
	do_action( 'ava_after_main_title' );

?>

		<div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'>

			<div class='container template-blog template-single-blog '>

				<main class='content units <?php avia_layout_class( 'content' ); ?> <?php echo avia_blog_class_string(); ?>' <?php avia_markup_helper(array('context' => 'content','post_type'=>'post'));?>>
                    
                    <?php
/**
* Single Staff Member
*
*/
 
 
// First we get fields from our staff member custom post type into variables
 
global $post;
$custom     = get_post_custom();
$t_name         = get_the_title();
$name_slug  = basename(get_permalink());
$title      = $custom["_staff_member_title"][0];
$email      = $custom["_staff_member_email"][0];
$phone      = $custom["_staff_member_phone"][0];
$fax        = $custom["_staff_member_fax"][0];

                    
$bio = $custom["_staff_member_bio"][0];
                  
                    
                    
                    
$prof       = $custom["_staff_member_prof"][0];
$fb_url     = $custom["_staff_member_fb"][0];

if(has_post_thumbnail()){
 
$t_photo_url = wp_get_attachment_url( get_post_thumbnail_id() );
$t_photo = '<img class="staff-member-page-photo" src="'.$t_photo_url.'" alt = "'.$title.'">';
}else{
$t_photo_url = '';
$t_photo = '';
}
$email_mailto = '<a class="staff-member-email" href="mailto:'.antispambot( $email ).'" title="Email '.$name.'">'.antispambot( $email ).'</a>';
?>   
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
 
 
<?php /* The loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<div class="staff-member-wal">
<h2><?php the_title(); ?></h2> <!-- This is the Standard page title -->
 
<h3><?=$title?></h3> <!-- This is the Staff Memeber Title -->
 
<?=$t_photo?> <!-- This is the Staff Memeber Photo -->
 
    
<?php    
if ($bio){ echo '<div>' . wpautop( $bio ) . '</div>'; }      
?> 
    
<?php the_content();?>
 
<?php endwhile; ?>    
    </div>

               

                   
				<!--end content-->
				</main>

				<?php
				$avia_config['currently_viewing'] = "blog";
				//get the sidebar
				get_sidebar();

				?>

			</div><!--end container-->

		</div><!-- close default .container_wrap element -->

<?php get_footer(); ?>

Hi, at the request of my client I need to make these changes if possible:

1- ALL portfolio titles appear only if A BIG NUMBER OF IMAGES are selected (portfolio selection = masonry + 100 images) but this causes a long page that I do not want. Also I would like to have more space between thumbnails

2- Can you show ALL THE PORTFOLIO TITLES even with limited number of images?

3 – Can you show bigger image (up to screen limit) in ligthbox?

thanks in advance

• This topic was modified 8 years, 2 months ago by czar.