4.4.1 Template Code Help

Hi Stephanie,

You can try adding the following CSS to fix this issue, using Simple Custom CSS plugin:

#ls-stories a.img img {
	max-height: 60px !important;
}

Let me know. ??

Regards,
Hardeep

Here’s the code:

<?php
/**
* Template Name: Customer stories
*/
?>
<?php $cusPageID = 50; ?>
<?php get_header(); ?>
<?php theme_builder(‘introduce’); ?>
<div id=”content”>
<?php theme_builder(‘breadcrumbs’); ?>
<div id=”col”>

<?php if (have_posts()) while (have_posts()) : the_post(); ?>
<?php $leId = $post->ID; ?>
<?php
$content = get_the_content();
$content = apply_filters(‘the_content’, $content);
$content = str_replace(‘]]>’, ‘]]>’, $content);
$temp = explode(‘[#stories]’, $content);
?>
<?php endwhile; ?>

<?php
// if not customer stories page
if($leId !== $cusPageID):
$_SESSION[‘post-needed’] = 1;
if(types_render_field(“customer-industry”, array())) {
$_SESSION[‘industry-type’] = types_render_field(“customer-industry”, array(‘raw’=>true));
}
endif;
?>

<?php
// if stories inserted in post
if($temp[1]) {
?>

<div class=”text clearfix no-space”><?php echo $temp[0]; ?></div>
<?php get_template_part(‘loop’,’customer-stories’); ?>
<div class=”text clearfix”><?php echo $temp[1]; ?></div>

<?php
// else stories at the end
} else {
?>

<div class=”text clearfix no-space”>
<?php echo $temp[0]; ?>
</div>

<?php if($leId !== $cusPageID): ?>
<h3 class=”split”><?php _e(‘Customer stories’,’imago_theme’); ?></h3>
<?php endif; ?>

<?php get_template_part(‘loop’,’customer-stories’); ?>

<?php if($leId === $cusPageID):
theme_builder(‘pagination’);
endif; ?>

<?php } ?>
</div>
<!– / content –>
<div id=”side”>

<?php include_once ‘side.php’; ?>

</div>
<!– / sidebar –>
</div>
<!– / container –>
<?php get_footer(); ?>

***Where do I add your code to? Or is this just a plugin?

You can use Simple Custom CSS plugin. ??

It’s still not fixed after adding the other plugin. Any other thoughts?

Did you add the code properly, like seen here: https://d33v4339jhl8k0.cloudfront.net/docs/assets/55192029e4b0221aadf23f55/images/561c1f01c697916fa4a83d3e/file-RMB8Xxuo1O.gif ?

And if that didn’t work then you can try this too:

#ls-stories .img img {
	max-height: 60px !important;
}

Let me know. ??

Regards,
Hardeep

Thank you so much! It’s fixed now!

I know this isn’t related to my posted topic however, do you know how to fixed the “flyout” menus on our site? They are difficult to use because the timeout is too fast. ex: If I mouse over “Services”, a menu flies out with some options. I hover over “Visual Studio ALM”, and another menu flies out. Unless I move my mouse exactly horizontally, the menu disappears. It’s hard to use with a trackpad.
https://incyclesoftware.com/services/services-overview/

Please always create new thread for new questions. But since you asked, you can add the following CSS to make this experience little better than what it is right now:

.main-menu a {
    margin: 0 !important;
    padding: 0 20px 20px 0 !important;
}

Hope that helps, and always create new threads for new questions. ??

Regards,
Hardeep

PS: Don’t forget to mark it as resolved.