Custom Front Page Help

[joshuaj]

Hello Community,

So I'm back at it with IPS 4.2 and I've pulled my old 4.1 board page out of the dust. I created a "Featured" section at the top of my homepage with a custom template. As you can see in my image, the picture is distorted. I believe this is because it is using the _record_image_thumb as part of the image url. So, it's basically stretching a thumbnail image causing the distortion.

I"m wondering if one of you guru's can help me figure out how to change my code to call for a larger version of the image so it doesn't create that distortion?

 

Thanks for your help and expertise in advance.

[joshuaj]

Ah, nevermind. I guess I should have done some more digging in the forums.

 

I needed to change _record_image_thumb into record_image and it works without distortion

 

[joshuaj]

My next question:

How can I make the code call from a specific article category?

I would like the images/information to be called from a specific category "Featured News" only.

My current code is this :

<div id="gp-featured-wrapper">
<div class="gp-container" style="height: 350px;">
<div class="gp-top-bg-gradient-overlay"></div>
<div class="gp-side-bg-gradient-overlay"></div>
	{{if count($articles)}}
		{{foreach $articles as $id => $record}}
			{{if $id == 0}}
			    <div class="gp-large-post"> 
				{template="entry" app="cms" location="database" group="homefeatured" params="$record, $database, 0"}
				</div>
			{{else}} 
  {{if $id % 2}}
					 <div class="gp-small-posts">  
                       {{endif}}
				{template="entry" app="cms" location="database" group="homefeatured" params="$record, $database, $id"}
                      {{if  $id % 2 == 0}}
                       
					</div> 
             {{endif}}
			{{endif}}
		{{endforeach}}
	{{endif}}
</div>
</div>
</div>