Okay
  Public Ticket #509265
Remove View Larger and More Details button, link full thumbnail
Closed

Comments

  •  1
    R2 started the conversation

    I would like to remove the \"View Larger\" and \"More Details\" buttons from the portfolio thumbnail photos but link the entire thumbnail to each respective \"More Details\" page.

    In other words, have a project style option like this: Meta below thumb + entire thumb link

    I found a few people asking the same thing, but the answer directs people to the following dead ticket: http://themenectar.ticksy.com/ticket/46431

    Help anyone? Thank you!

  •  8,839
    Tahir replied

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .portfolio-items .col .work-item .work-info a { /*same code as ThemeNectar pointed out except that I removed the text-indent to still having it displayed */
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    
    .portfolio-items .col .work-item .work-info .vert-center a:nth-child(1) {
        display: none !important;
    }
    
    .portfolio-items .col .work-item .work-info .vert-center a { /*makes changes to the location and text style */
        margin: 0;
        padding: 130px 15px;
        font-size: 16px !important;
    }

    Not sure if its still valid.

    Thanks



    ThemeNectar Support Team 

  •  1
    R2 replied

    Thank you Tahir!

    It kind of works, unfortunately the top half of the thumbnail is not clickable, only the bottom half: http://martinbook.com/advonew/artists/

    Any ideas to get the entire thumb active?

    Thanks again!

  • Thomas replied

    I have the same request. That css hack doesn\'t work.

    Is there a way to edit the PHP to have a new option in the portfolio widget setup?


  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .portfolio-items .col .work-item .work-info .vert-center {
        position: absolute !important;
        top: 15px;
        left: 0px;
    }
    
    
    
    
    .portfolio-items .col .work-item .work-info .vert-center a {
        text-indent: -99999px;
    }
    
    
    .portfolio-items .col .work-item .work-info a {
        /*same code as ThemeNectar pointed out except that I removed the text-indent to still having it displayed */
        
        position: absolute;
        
        display: block;
        
        width: 100%;
        
        height: 100%;
        
        top: 0;
        
        left: 0;
        
        background-color: transparent !important;
        
        border-radius: 0 !important;
    
    
    }
    
    
    .portfolio-items .col .work-item .work-info .vert-center a:nth-child(1) {
        
        display: none !important;
    
    
    }
    
    
    .portfolio-items .col .work-item .work-info .vert-center a {
        
        /*makes changes to the location and text style */
        
        margin: 0;
        
        padding: 130px 15px;
        
        font-size: 16px !important;
    
    
    }

    Thanks


    ThemeNectar Support Team 

  •  1
    R2 replied

    That\'s great Tahir, the new code works much better!

    Because this messes up the other portfolio styles though, I would like to suggest adding this as a new project style option to the ThemeNectar portfolio settings in future updates (Meta below thumb + entire thumb link).

    Thank you for all the help! You can close this ticket now :-)

  • Thomas replied

    I\'m going to add this via the per-page CSS for just that reason. Agree with adding it to the portfolio styles in a future update! +1

  •  2
    PabloGS replied

    Hi R2, have you found a solution for your problem,  I have the same. Thx

  •  1
    pcarballeda replied

    Please could you add a feature to have more control over portfolio items? I also want to remove buttons and make all the item clickable. Also, text description is too small.

  •  8,839
    Tahir replied

    Hey pcarballeda ,

    We already have a "Post Grid" Page Element that can be used to display Portfolio and posts with many display options.

    Thanks


    ThemeNectar Support Team