Forum Replies Created
-
AuthorPosts
-
hoolamonster
CustomerIf 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.
hoolamonster
Customerif 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
; )
hoolamonster
CustomerOk 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/hoolamonster
CustomerI found this for you, let me look for the title attribute
http://appfinite.com/topic/portfolio-unlink-photopost-title/hoolamonster
CustomerDo 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
hoolamonster
CustomerI dont, Im working locally right now but in a weeks time I will come back and post the link, for reference.
hoolamonster
CustomerAlso 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.
hoolamonster
Customersorry 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
hoolamonster
CustomerYea 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.
hoolamonster
CustomerMake sense?
hoolamonster
Customerok 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.
hoolamonster
CustomerWhy are your images not aligning center? they look correct to me, designed as the template should be.
March 26, 2015 at 10:30 pm in reply to: Copy Portfolio Page Setup for Custom Post Type Archive Page #15446hoolamonster
Customerand 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.
March 26, 2015 at 10:26 pm in reply to: Copy Portfolio Page Setup for Custom Post Type Archive Page #15445hoolamonster
Customeryou 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!
hoolamonster
CustomerI 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!
hoolamonster
CustomerDoes anyone know why this is not pulling the css classes for the portfolio?
hoolamonster
CustomerSo 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();
-
AuthorPosts