That works if we want the video lightbox to pop up when the visitor clicks on the slide on mobile. But that is not what we were asking about.

On mobile devices, when you click on the video slide, instead of taking you to the portfolio page it is linked to, it takes you in Safari to a blank page with the message, “Safari cannot open the page. The error was: The URL can’t be shown.”

SCREENSHOT: https://ibb.co/w4031gd

On regular computers, the VIEW PROJECT button link works as exepcted and takes the visitor to the targeted portfolio page.

The issue seems to have resolved itself once we went live and updated our PHP version from PHP 5.6 to PHP 7.1.

We are still waiting for a solution to this topic though.

Perfect! Thanks so much!

Thanks Ismael. After looking at the link you sent I ended up adding the following code into the child theme’s functions.php file. It seems to work well enough. Newly added portfolio items and posts do not need any modifications to the code below because I’m using the has_tag and has_category functions. Only downside is that for new pages, I have to add the new slug names into the is_page code sections below where relevant. Is there a better option for when adding new pages? Thanks.

/* GREEN FOOTERS SLUG */
function green_footer_body_class_slug($classes) {
	// add 'green-footer' only to pages with slugs below.
	if ( is_page( array( 'about', 'work', 'news' ) )  )
        $classes[] = 'green-footer';
	// return the modified $classes array
	return $classes;
}
// add my custom class via body_class filter
add_filter('body_class','green_footer_body_class_slug');

* ----------- GRAY HEADERS SLUG ----------- */
function gray_header_body_class_slug($classes) {
	// add 'gray-header' only to pages with slugs below.
	if ( is_page( array( 'about', 'work', 'people', 'contact', 'news', 'project-inquiries', 'media-inquiries' ) )  )
	$classes[] = 'gray-header';
	// return the modified $classes array
	return $classes;
}
// add my custom class via body_class filter
add_filter('body_class','gray_header_body_class_slug');

/* ----------- GRAY HEADERS TAG ----------- */
function gray_header_body_class_tag($classes) {
	// add 'gray-header' only to pages with tags below.
	if ( has_tag( 'team' ) )	
	$classes[] = 'gray-header';
	// return the modified $classes array
	return $classes;
}
// add my custom class via body_class filter
add_filter('body_class','gray_header_body_class_tag');

/* ----------- GRAY HEADERS NEWS POSTS ----------- */
function gray_header_body_class_news($classes) {
	// add 'gray-header' only to news category posts below.
	if ( has_category( 'news' ) )	
	$classes[] = 'gray-header';
	// return the modified $classes array
	return $classes;
}
// add my custom class via body_class filter
add_filter('body_class','gray_header_body_class_news');

/* ----------- GREEN BACKGROUND FULL PAGES SLUG ----------- */
function green_bg_body_class_slug($classes) {
	// add 'gray-header' only to pages with slugs below.
	if ( is_page( array( 'contact', 'project-inquiries', 'media-inquiries' ) )  )	
	$classes[] = 'green-bg';
	// return the modified $classes array
	return $classes;
}

// add my custom class via body_class filter
add_filter('body_class','green_bg_body_class_slug');

• This reply was modified 4 years, 10 months ago by killyman.

Hi Richard. I just have one last question.

If I wanted to modify the default dimensions of the blog post featured image, would I just add and modify the following lines of code to the existing avf_modify_thumb_size code in the child theme’s functions file?

$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>710, 'height'=>270);		  // big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 );		  // images for fullsize pages and fullsize slider

Thanks!

• This reply was modified 4 years, 10 months ago by killyman.

Thanks Nikko. It seems to be working great.

One more question. How do we make, via CSS, the last portfolio thumbnail image in a 2 or multi-column layout align left instead of right? See this screenshot for reference: https://ibb.co/Hr4fDcz

Thanks!

Thanks Victoria.

So, in my child theme’s functions.php file, would I just add the following line of code with my preferred width and height dimensions?

$avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry

Would I then be able to remove the Simple Image Sizes plugin?

UPDATE JANUARY 29, 2020

I figured out the reason why the previously uploaded featured images from older Portfolio items maintained their correct size of 1920×1080 while the latest ones were being re-sized upon upload to 705×397. I had installed the Simple Image Sizes plugin and changed the masonry size settings in the plugin to 1920×1080, but then after a little testing, I removed the plugin. After removing the plugin newly uploaded images were being re-sized to 705×397.

Screenshot of the plugin settings and changes I made for masonry size: https://ibb.co/XZwW1MQ

I’d prefer not to use a plugin for this goal of making sure all uploaded masonry images (portfolio featured images) are maintained at 1920×1080 dimensions upon upload. Isn’t there a way to add some code to my child theme’s functions.php file to accomplish targeting just the masonry image size?

Thanks for the reply. I may have a solution on another post.

Thank you for your prompt response.

Any CSS suggestions you an offer as a workaround until the fixed theme version is released?

Could the issue have to do with the avia-dynamic-css Style Sheet overriding my child theme Style Sheet settings?

Any help on this would be much appreciated.