Modify Portfolio Slideshow? « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Angular

Modify Portfolio Slideshow?

10 posts from 4 voices

Started 4 months ago by floodster
Latest reply from Devin
This topic is resolved

Tags:

floodster
Member

Does anyone have experience modifying the layout for a featured slideshow in a portfolio? Is this even possible?

I'm specifically trying to alter <div class="ajax-portfolio-response"> found in the dynamic portfolio element. I would like to make the image appear at full-width and remove the title text and description.

Any help is much appreciated!!

Posted 4 months ago #

Ismael
Moderator

Hi floodster,

Kindly go to wp-content/themes/angular/includes/helper-templates.php and find this code block (line 1230) :

echo "<div class='inner_slide'>";

	echo "<div class='flex_column two_third first'>";

	if(!post_password_required())
	{
	echo $dataHTML;
	}

	echo "</div>";

	echo "<div class='portfolio-entry one_third'>";
	echo "<h1 class='ajax-portfolio-title'>".get_the_title()."</h1>";

	echo "<div class='entry-content'>";
	$meta = avia_portfolio_meta($id);
	if($meta)
	{
		echo avia_advanced_hr(false, 'small');
		echo $meta;
	}
	echo avia_advanced_hr(false, 'small');
	the_content(__('Read more  &rarr;','avia_framework'));
	echo "</div>";

	echo "</div>";

echo "</div>";

replace it with this code:

echo "<div class='inner_slide'>";

	echo "<div class='flex_column alpha omega'>";

	if(!post_password_required())
	{
	echo $dataHTML;
	}

	echo "</div>";

echo "</div>";

Hope this helps. :)

Regards,
Ismael

Posted 4 months ago #

floodster
Member

Hi Ishmael,

Thank you so much for the assistance. That worked very well! I have a few other questions for you, if you don't mind...

Ideally, I would like to remove the thin border around the slideshow container, and have the images of the show take up the full-width, which would be the exact same width as the portfolio thumbnails beneath it. Is there an easy way to do that?

I am also curious if the Portfolio thumbnails in the grid can be changed to a square format, rather than the standard rectangles.

Thank you in advance!

Ryan

Posted 4 months ago #
Ismael
Moderator

Hi,

Are you talking about the AJAX Portfolio slideshow? Would you like to remove the info on the right side then make the slideshow fullwidth?

Regards,
Ismael

Posted 4 months ago #
floodster
Member

Yes, I am talking about the AJAX Portfolio slideshow that is generated by a custom page template, which I am using as a front-page. I successfully removed the thinline border by modifying the css through the custom.css file.

I am still unsure of how to edit attributes of the portfolio grid beneath the AJAX slideshow. Thoughts?

Many Thanks,

Ryan

Posted 4 months ago #
Dude
Dude

Can you post a link to your website please. It seems like Ismael already removed the two_third class from the slideshow container and the slideshow container should be "fullwidth" now (covers the entire content area). I'd like to investigate the source code - this helps us to find the issue.

Posted 4 months ago #
floodster
Member

The site, in a very rough stage of development, is here: http://www.fsphotographers.com/angular

Thanks!

Posted 4 months ago #

Devin
Moderator

Hi Ryan,

The changes made to the inner_slide div removed the meta data, title and content from being generated. If you wanted to add it back in, you would need to add the following after the slideshow but still inside the inner_slide div:

echo "<div class='portfolio-entry'>";
	echo "<h1 class='ajax-portfolio-title'>".get_the_title()."</h1>";

	echo "<div class='entry-content'>";
	$meta = avia_portfolio_meta($id);
	if($meta)
	{
		echo avia_advanced_hr(false, 'small');
		echo $meta;
	}
	echo avia_advanced_hr(false, 'small');
	the_content(__('Read more  &rarr;','avia_framework'));
	echo "</div>";

	echo "</div>";

Regards,

Devin

Posted 4 months ago #

floodster
Member

Thank you for your comment, Devin. I believe you are referring to the meta data for what is shown in the slideshow, correct? I do not want that displayed, and have removed it as you noted. My more recent question was regarding editing the format of the meta data for the thumbnails below the main slideshow. For the time being, I have removed the code that displays the portfolio title, but I am still curious about the best way to edit it's characteristics should I decide to display it again.

All the Best,

Ryan

Posted 4 months ago #
Devin
Moderator

If you wanted to edit the title within the portfolio overview it would be done with a bit of css.

The terms are all pretty similar here so we may not be talking about the exact same thing. If you do want to alter things further, just make a screenshot pointing out exactly which elements you are trying to modify and we'll see what can be done.

Regards,

Devin

Posted 4 months ago #