Customize Portfolio

Homepage Community Forums Epik Theme Support Customize Portfolio

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #15449
    pcgs51
    Customer

      I need a couple of simple things:

      We want to display the portfolio page but we need to disable the link from each portfolio title and featured image going to the actual portfolio post.

      I also need to force the featured images to align center but nothing I try in the style.css or the funtions.php is working.

      http://spencerinst2.wpengine.com/resources/

      Thanks.

      #15451
      hoolamonster
      Customer

        Why are your images not aligning center? they look correct to me, designed as the template should be.

        #15452
        pcgs51
        Customer

          Look at all of them. No they are not aligning to center. I also need to disable the links from images and title.

          Not centered. Screenshot here
          http://grab.by/FXAE

          #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.

            #15454
            hoolamonster
            Customer

              Make sense?

              #15455
              pcgs51
              Customer

                I did not change the width of the site. It is 1140px wide.

                #15456
                pcgs51
                Customer

                  However, this site was using something similar to the portfolio in a CPT. I removed it. The images associated with each CPT were often smaller. But that CPT would center the images.

                  #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.

                    #15458
                    pcgs51
                    Customer

                      I appreciate your efforts but I’m hoping for support and not hacks that use !important. When users in a forum offer assistance it can often deter others, like perhaps the author or moderators, from offering an appropriate solution.

                      Thanks.

                      #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

                        #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.

                          #15462
                          pcgs51
                          Customer

                            Yes and you have a very valid point. I may just need to recreate those images to fit in that area rather than trying to adjust them to make them center. One thing that is wonky with the portfolio is the last column has a padding to the right just like the others and using “:last-child” isn’t working. Oh well. Its a small padding and has nothing to do with the issue of centering the featured images.

                            I do hope to remove the links (I don’t need the portfolio to go to single pages). They seem to be going to 404pages. Not sure why.

                            I sincerely thank you for your assistance, understanding and patience.

                            #15487
                            pcgs51
                            Customer

                              Hello,

                              I still hope to learn how to remove the links from the main portfolio archive. Specifically do not want the portfolio featured images or portfolio titles to link to individual portfolio posts.

                              Also the masonry layout on that page has really large empty gaps between each portfolio item. Its looking really looking bad. What can I do?

                              Thanks

                              #15495
                              pcgs51
                              Customer
                                #15539
                                hoolamonster
                                Customer

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

                                  #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/

                                    #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

                                      ; )

                                      #15551
                                      pcgs51
                                      Customer

                                        Thanks so much hoolamonster!

                                        **Solved: I now have the titles and images not linking to the posts. Added and removed from the page_portfolio.php template. Bookmarking that awesome link you shared for sure.

                                        **Will fix: I tried regenerating thumbnails to see if it would help (on a staging site) but it only made things worse. Think I will recreate thumbnails to be 264px by 200px and see how they fit in there.

                                        **Masonry Issue: BUT honestly regarding the masonry. My site is 1140px wide. I wouldn’t mess with that. I’ve gone back to my CSS and compared it to the original. I have put everything on the portfolio page back to original regarding any additional padding or article widths but the masonry still does not work the way it really should.

                                        The first two rows are better than before but the third one doesn’t float up under the others as masonry should. I’ve tinkered with the CSS in Firebug not finding anything that works. Currently I removed the 2% margin on the right and added 1% to both left and right to balance out the articles.

                                        Link:
                                        http://spencerinst2.wpengine.com/resources/

                                        Screenshot:
                                        http://grab.by/G7jm

                                        Thanks

                                        #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.

                                          #15555
                                          pcgs51
                                          Customer

                                            Yes I do have issues with the thumbnails but figure its a glitch from an old site using a new theme. I will resize them and it should work fine.

                                            No, I did not change the thumbnail sizes in the functions.php.
                                            Yes, I need to resize manually because the previous site used a similar portfolio with smaller images.Regenerate Thumbnails plugin did not work. But not a problem

                                            My real concern is the masonry.

                                          Viewing 20 posts - 1 through 20 (of 20 total)
                                          • You must be logged in to reply to this topic.