Okay
  Public Ticket #937558
Portfolio button styling
Closed

Comments

  •  2
    studiobonkend started the conversation
    October 28, 2016 at 4:55pm

    Hello,

    I do have a question about the portfolio button box that expands itself.

    In the attachment i added a screenshot from the portolio button box i am talking about.

    I would like to use this button on another part of my website, I tried to copy the div and classes but i didnt work. Could you guys help me out here?

    What class do i need to add or what do i need to copy to get the styling of this button that expands itself?


    Hope you guys can help me!

    edit: here is the link of the button i am talking about: http://demo.kaliumtheme.com/architecture/portfolio/adestra/


    Kind regards

    edit2: i tried some alternative with the accordeon element but the animation of the expand is not as smooth as it is on the portfolio button. link from my website: http://www.annemariepors.nl/home/

    Bram Vos

  • [deleted] replied
    October 31, 2016 at 1:03pm

    Hi Bram Vos,

    I understand you clearly what you want to achieve, however this button its only implemented in that portfolio type and its implementation couldn't be exported to another type of page, unless you add a plugin/code that does the same thing. So it requires code customization.

    One possible fix for your workaround could be adding this code in JavaScript:

    <style>
    	#1477659693447-b786cef4-0061 .vc_tta-panel-title a {
    		pointer-events: none;
    	}
    </style>
    <script>
    jQuery( document ).ready( function() {	
    	jQuery( '#1477659693447-b786cef4-0061 .vc_tta-panel-title' ).unbind().on( 'click', function( ev ) {
    		ev.preventDefault();
    		jQuery( '#1477659693447-b786cef4-0061 .vc_tta-panel-body' ).toggle( 'normal' );
    	} );
    } );	
    </script>

    Theme Options > Footer > JavaScript > Footer JavaScript.