• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

hoolamonster

  • Profile
  • Topics Started
  • Replies Created
  • Favorites

Forum Replies Created

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 2, 2015 at 3:58 pm in reply to: Customize Portfolio #15554
    hoolamonster
    Customer

    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.

    April 2, 2015 at 1:40 am in reply to: Customize Portfolio #15541
    hoolamonster
    Customer

    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

    ; )

    April 2, 2015 at 1:28 am in reply to: Customize Portfolio #15540
    hoolamonster
    Customer

    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/

    April 2, 2015 at 12:41 am in reply to: Customize Portfolio #15539
    hoolamonster
    Customer

    I found this for you, let me look for the title attribute
    http://appfinite.com/topic/portfolio-unlink-photopost-title/

    March 28, 2015 at 11:01 pm in reply to: Footer widget text not aligning #15476
    hoolamonster
    Customer

    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

    March 28, 2015 at 10:23 pm in reply to: Adding Portfolio Inside Custom Post #15472
    hoolamonster
    Customer

    I dont, Im working locally right now but in a weeks time I will come back and post the link, for reference.

    March 27, 2015 at 6:26 pm in reply to: Customize Portfolio #15461
    hoolamonster
    Customer

    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.

    March 27, 2015 at 6:21 pm in reply to: Customize Portfolio #15460
    hoolamonster
    Customer

    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

    March 27, 2015 at 6:05 pm in reply to: Customize Portfolio #15457
    hoolamonster
    Customer

    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.

    March 27, 2015 at 5:51 pm in reply to: Customize Portfolio #15454
    hoolamonster
    Customer

    Make sense?

    March 27, 2015 at 5:50 pm in reply to: Customize Portfolio #15453
    hoolamonster
    Customer

    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.

    March 27, 2015 at 4:03 pm in reply to: Customize Portfolio #15451
    hoolamonster
    Customer

    Why 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 #15446
    hoolamonster
    Customer

    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.

    March 26, 2015 at 10:26 pm in reply to: Copy Portfolio Page Setup for Custom Post Type Archive Page #15445
    hoolamonster
    Customer

    you can look at my post.

    Portfolio inside CPT

    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!

    March 26, 2015 at 5:04 pm in reply to: Adding Portfolio Inside Custom Post #15443
    hoolamonster
    Customer

    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!

    March 26, 2015 at 4:45 pm in reply to: Adding Portfolio Inside Custom Post #15441
    hoolamonster
    Customer

    Does anyone know why this is not pulling the css classes for the portfolio?

    March 26, 2015 at 2:50 pm in reply to: Adding Portfolio Inside Custom Post #15440
    hoolamonster
    Customer

    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();
  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework