If I follow correctly, you are still having issues with the thumbnail size? At 1140px wide, and the 23% per leave the standard thumbnail sizes in the functions.php file stock. If you messed with those change them back to stock. This controls the thumbnail sizes that are created when you upload an image. and the rest of the website is programmed to handled those specific sizes nothing smaller or larger.
You then have to re-upload your images or find a plugin that will fix the issue. look at the functions.php file to see what the size is.
I cant Ive changed mine.
I know this is the solution because I went through this already and fixed it easy.
if you want to remove the :hover effect its here
.portfolio .post-image:hover {
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-transition: all .5s ease;
transition: all .5s ease;
opacity: 0.6;
}
remove the opacity
; )
Ok here you go:
find this and remove it
/**
* Adds Featured Image and links it to the Post
*
* @author Wes Straham
* @since 1.0.0
*/
add_action( 'genesis_before_post_content', 'epik_portfolio_do_post_image' );
function epik_portfolio_do_post_image() {
$img = genesis_get_image( array( 'format' => 'html', 'size' => 'portfolio-thumbnail', 'attr' => array( 'class' => 'alignnone post-image' ) ) ); printf( '<a href="%s" title="%s" rel="nofollow">%s</a>', get_permalink(), the_title_attribute('echo=0'), $img );
}
Replace it with this:
/**
* Adds Featured Image and links it to the Post
*/
function epik_portfolio_do_post_image() {
$img = genesis_get_image( array(
'format' => 'html',
'size' => 'portfolio-thumbnail',
'attr' => array(
'class' => 'alignnone post-image'
) ) );
printf( $img );
}
add_action( 'genesis_entry_header', 'epik_portfolio_do_post_image' );
/**
* Remove Links from Post Titles in Genesis
*/
add_filter( 'genesis_post_title_output', 'jdn_custom_post_title' );
function jdn_custom_post_title( $title ) {
if( get_post_type( get_the_ID() ) == 'post' ) {
$post_title = get_the_title( get_the_ID() );
$title = '<h3 class="entry-title" itemprop="headline">' . $post_title . '</h3>';
}
return $title;
}
I got this info from the post above and here
http://joshuadnelson.com/code/remove-genesis-entry-title-link/
I found this for you, let me look for the title attribute
https://appfinite.com/topic/portfolio-unlink-photopost-title/
Do you use firebug to trouble shoot? You can compare the two columns next to it and see what is different about the 1 vs the other 2. Just look closely, examine and tinker. Its most likely something silly but may not jump right at 1st
GL
I dont, Im working locally right now but in a weeks time I will come back and post the link, for reference.
Also I will kindly point out if you dont resize the images via a plugin or re-upload them. you will have issues on the mobile version doing the last adjustment.
sorry psgs reload your images into the media page or instal a plugin. What i described above is the exact reason you see this issue, So 1 of my 3 options are better than not doing anything.
lastly, one line down from the above code is
.portfolio .post-image {
margin: 0;
}
change that to margin left and + the left margin until its centered.
GL
Yea its not about centering the image its more about getting the thumbnail size correct. you can use a hack and do this
in your style sheet find this
.content .portfolio {
background: #fff;
float: left;
margin: 0 2% 40px 0 !important;
overflow: hidden;
padding: 0;
width: 23%;
}
Adjust the width in % to the size that fits (again use firebug to figure this out. Then… add some padding to the left and right to compensate difference shortening the width does. you can do that in % as well.
Otherwise I have read about a plugin or two that will resize your thumbnails.
Make sense?
ok they didnt look like that on the link. The issue with this is; because Epik is 1140px wide, you must have changed the width of your site to something larger. The portfolio page is set up for 4 columns thus each thumbnail section is 23% wide. 23% grows exponentially as the site width is widened. With that said, in the functions.php there is a thumbnail size section (3 lines) one in which is the size for the portfolio like 206×200 if you widened your site, using firebug find out how wide the 23% is it should show you in pixels on the screen. Then change the size in the functions.php file.
You have to reload all your images because the theme itself makes the thumbnails according to the functions.php size. Or you can use a plugin to it.
Hope that helps. As for the other part I havent figured that out yet.
Why are your images not aligning center? they look correct to me, designed as the template should be.
and ps *the do action call, I changed to my own hook my_content_area So, you will notice I kept some genesis structure for placement, but the added functions are hooked to my_content_area not the genesis. So if you follow you will see I hooked them to my own call not the theme/framework.
you can look at my post.
Basically I ditched genesis ();
and called the header and footer separately.
get_header();
get_footer();
I then added
do_action( ‘my_content_area’ ); between those two so:
get_header();
do_action( ‘my_content_area’ );
get_footer();
I went into the portfolio page copied it, pasted to a new php doc and started taking out what I didnt need including calls to remove things because I wasn’t using the genesis loop to begin with.
The biggest thing was adding the css to the portfolio loop from the style sheet.
// Add custom loop
function portfolio_loop() {
echo '<div class="content"><div class="wrap">';
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
$include = genesis_get_option( 'epik_portfolio_cat' );
$exclude = genesis_get_option( 'epik_portfolio_cat_exclude' ) ? explode(',', str_replace(' ', '', genesis_get_option( 'epik_portfolio_cat_exclude' ))) : '';
$cf = genesis_get_custom_field( 'query_args' ); // Easter Egg
$args = array( 'cat' => $include, 'category__not_in' => $exclude, 'showposts' => genesis_get_option( 'epik_portfolio_cat_num' ), 'paged' => $paged);
$query_args = wp_parse_args($cf, $args);
genesis_custom_loop( $query_args );
}
echo '</div></div>';
Just the .content and .wrap the functions add the class for you.
Hope this Helps!
I love how Ive walked myself through this haha, trouble is im looking at the epik code but using a totally different aproach
anyhow I wrapped the portfolio loop like this
// Add custom loop
function portfolio_loop() {
echo '<div class="content"><div class="wrap">';
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
$include = genesis_get_option( 'epik_portfolio_cat' );
$exclude = genesis_get_option( 'epik_portfolio_cat_exclude' ) ? explode(',', str_replace(' ', '', genesis_get_option( 'epik_portfolio_cat_exclude' ))) : '';
$cf = genesis_get_custom_field( 'query_args' ); // Easter Egg
$args = array( 'cat' => $include, 'category__not_in' => $exclude, 'showposts' => genesis_get_option( 'epik_portfolio_cat_num' ), 'paged' => $paged);
$query_args = wp_parse_args($cf, $args);
genesis_custom_loop( $query_args );
}
echo '</div></div>';
now all is happy in the world!
Does anyone know why this is not pulling the css classes for the portfolio?
So I have it working correctly I just need to work the styling. If anyone see’s a way to improve this please let me know.
<?php
// Template Name: My Lander
function my_custom_field() {
// Image container
echo '<div class="feature-container"><div class="wrap"><div class="feature-image-container-1">';
$test = get_post_meta( get_the_ID(), 'main_title', true );
if( $test ) {
echo '<div class="wrap"><div class="feature-title">';
$content = get_post_meta( get_the_ID(), 'main_title' , true );
echo '<h1>' . ( $content ) . '</h1>';
}
echo '</div></div>';
echo '</div></div></div>';
// END Image container
// Nav Container
echo '<div class="s-nav-wrap">';
$test = get_post_meta( get_the_ID(), 'sticky_nav', true );
if( $test ) {
$content = get_post_meta( get_the_ID(), 'sticky_nav' , true );
echo '<ul id="s-nav">' . ( $content ) . '</ul>';
}
echo '</div>';
// END Nav Container
// Image container
echo '<div class="feature-container"><div class="wrap"><div class="feature-image-container-2">';
$test = get_post_meta( get_the_ID(), 'main_title', true );
if( $test ) {
echo '<div class="wrap"><div class="feature-title-2">';
$content = get_post_meta( get_the_ID(), 'main_title' , true );
echo '<h1>' . ( $content ) . '</h1>';
}
echo '</div></div>';
echo '</div></div></div>';
// END Image container
}
add_action( 'my_custom_fields_area', 'my_custom_field' );
//Adds Page Content
add_action( 'genesis_before_loop', 'epik_do_portfolio_content' );
function epik_do_portfolio_content() {
echo '<div class="entry-content entry-portfolio" itemprop="text">' . get_post()->post_content . '</div>';
}
// Loads prettyPhoto scripts
add_action( 'get_header', 'prettyPhoto_scripts' );
function prettyPhoto_scripts() {
wp_enqueue_script( 'prettyPhoto-min', CHILD_URL.'/lib/prettyPhoto/js/jquery-1.6.1.min.js' );
wp_enqueue_style( 'prettyPhoto-css', CHILD_URL.'/lib/prettyPhoto/css/prettyPhoto.css' );
wp_enqueue_script( 'prettyPhoto-js', CHILD_URL.'/lib/prettyPhoto/js/jquery.prettyPhoto.js' );
}
// Adds javascript below footer
add_action( 'genesis_after_footer', 'prettyPhoto_javascript' );
function prettyPhoto_javascript() { ?>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
<?php
}
// Force layout to full-width-content
add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' );
// Adds "portfolio" and "gallery clearfix" classes to every post
add_filter( 'post_class', 'portfolio_post_class' );
function portfolio_post_class( $classes ) {
$classes[] = 'portfolio';
$classes[] = 'gallery clearfix';
return $classes;
}
add_filter( 'excerpt_more', 'portfolio_read_more_link' );
add_filter( 'get_the_content_more_link', 'portfolio_read_more_link' );
add_filter( 'the_content_more_link', 'portfolio_read_more_link' );
/**
* Custom Read More link.
*/
function portfolio_read_more_link() {
return '<a class="more-link" href="' . get_permalink() . '" rel="nofollow">Read More</a>';
}
// Remove post info and meta info
remove_action( 'genesis_entry_footer', 'genesis_post_meta' );
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
/**
* Adds Featured Image and links it to the Post
*/
function epik_portfolio_do_post_image() {
$img = genesis_get_image( array( 'format' => 'html', 'size' => 'portfolio-thumbnail', 'attr' => array( 'class' => 'alignnone post-image' ) ) ); printf( '<a href="%s" title="%s">%s</a>', get_permalink(), the_title_attribute('echo=0'), $img );
}
add_action( 'genesis_entry_header', 'epik_portfolio_do_post_image' );
// Move title below post image
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
add_action( 'genesis_entry_content', 'genesis_do_post_title', 9 );
// Add Content for the Portfolio posts in this Page Template
function epik_portfolio_do_post_content() {
if ( genesis_get_option( 'epik_portfolio_content' ) == 'excerpts' ) {
the_excerpt();
} else {
if ( genesis_get_option( 'epik_portfolio_content_archive_limit' ) )
the_content_limit( (int)genesis_get_option( 'epik_portfolio_content_archive_limit' ), __( 'Read More', 'epik' ) );
else
the_content(__( 'Read More', 'epik' ));
}
}
add_action( 'my_content_area', 'epik_portfolio_do_post_content' );
// Clear float using genesis_custom_loop() $loop_counter variable
// Outputs clearing div after every 4 posts
// $loop_counter is incremented after this function is run
function portfolio_after_post() {
global $loop_counter;
if ( $loop_counter == 3 ) {
$loop_counter = -1;
echo '<div class="clear"></div>';
}
}
add_action( 'genesis_entry_footer', 'portfolio_after_post' );
// Add custom loop
function portfolio_loop() {
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
$include = genesis_get_option( 'epik_portfolio_cat' );
$exclude = genesis_get_option( 'epik_portfolio_cat_exclude' ) ? explode(',', str_replace(' ', '', genesis_get_option( 'epik_portfolio_cat_exclude' ))) : '';
$cf = genesis_get_custom_field( 'query_args' ); // Easter Egg
$args = array( 'cat' => $include, 'category__not_in' => $exclude, 'showposts' => genesis_get_option( 'epik_portfolio_cat_num' ), 'paged' => $paged);
$query_args = wp_parse_args($cf, $args);
genesis_custom_loop( $query_args );
}
add_action( 'my_service_loop', 'portfolio_loop' );
// Remove 'site-inner' from structural wrap
add_theme_support( 'genesis-structural-wraps', array( 'header', 'footer-widgets', 'footer' ) );
// Build the page
get_header();
do_action( 'my_custom_fields_area' );
do_action( 'my_service_loop' );
do_action( 'my_content_area' );
get_footer();