Whole portfolio hover area clickable

Welcome Forums BigBangWP Whole portfolio hover area clickable

This topic contains 37 replies, has 17 voices, and was last updated by  Mira 1 year, 6 months ago.

Viewing 15 posts - 1 through 15 (of 38 total)
  • Author
    Posts
  • #26

    How to make whole portfolio hover area clickable?


      Quote
    #64

    megupdesign
    Participant

    how to remove buttons in botton-left and make a clickable area in all the color hover and not only in title?


      Quote
    #65

    Brankic1979
    Keymaster

    Hi megupdesign,

    You mean bottom-RIGHT buttons?

    Add this to Extra CSS in Brankic Panel

    .preview {display:none;}
    .view {display:none;}
    

    Unfortunately there’s no way of making whole area clickable if you’re using hover effect.

    Only if you don’t use hover, whole image will be clickable.


      Quote
    #314

    Shalkevich
    Participant

    I’m also interested in making whole portfolio hover area clickable. Maybe it can be obtained by expanding of bottom-right button to the whole area, without showing the icon (238x226px transparent .png)?


      Quote
    #324

    Brankic1979
    Keymaster

    It can be done (your idea seems right), but we’re not providing that kind of support.

    You’ll have to edit some CSS files (or use Extra CSS in Brankic Panel) and if you do, you can share it here (and I’ll send you $20 via PayPal – I’m not kidding)


      Quote
    #346

    Shalkevich
    Participant

    Solution:

    1. Add this to Extra CSS in Brankic Panel:
    .preview {display:none;}

    2. Edit (probably through FTP) file wp-content/themes/bigbangwp/css/style.css

    find the line 1037 containing .item-info-overlay a.view {

    remove the lines 1038 and 1039:

    	background: url(../images/sprite.png) no-repeat scroll 11px 13px #333;
    	right: 0px;

    and replace with this:

    	background: transparent !important;
    	width:100% !important;
    	height:100% !important;
    	top:0;
    	left:0;

    Voila!


      Quote
    #348

    Brankic1979
    Keymaster

    Please show the URL where other can see this modification.

    What’s your PayPal email ?


      Quote
    #350

    Shalkevich
    Participant

    http://tinyurl.com/p42tv7m

    szelu77@gmail.com

    I’ll send this “reward” to my coder, who spent his 5 minutes to make it happen:)


      Quote
    #362

    Brankic1979
    Keymaster

    Impressive! I’ve made this thread STICKY.


      Quote
    • This reply was modified 4 years ago by  Brankic1979.
    #368

    kidcandrive
    Participant

    Hooraaaaaaaaay!!!!
    Now how do I get rid of (or move) the little magnifying glasses? Can I have magnifying glasses on some portfolios and not others?

    http://kidcandrive.com

    Seriously though, THANK YOU SO MUCH FOR SOLVING THIS! (And to Brankic for a great great theme)


      Quote
    #393

    Brankic1979
    Keymaster

    To remove magnifying glass add this to Extra CSS in Brankic Panel
    .preview {display:none;}

    It’s not that easy to choose where to show magnifying glass without knowing some PHP/WP. It’s beyond our support…


      Quote
    #1200

    math-ematics
    Participant

    Hello.

    I made the bineric panel changes, preview and view.

    i changed the style.css 1037 row to the new info posted here.

    The change worked _one_ time. then it stopped to work? Whats next?
    url is http://goo.gl/48BkfS

    Looked a whole lot to find this solution.


      Quote
    #1201

    math-ematics
    Participant

    When i used both the view and preview css change in panel it stopped working for some reason. Using only the preview option to remove magnifying glass works like a charm.


      Quote
    #1203

    Brankic1979
    Keymaster

    .preview is for magnifying glass, and .view is for chain link.


      Quote
    #1219

    mhuxjien
    Participant

    Is there anyway I can keep just the .view, but have it in the middle?

    If someone could paste the code that would be awesome!


      Quote
Viewing 15 posts - 1 through 15 (of 38 total)

You must be logged in to reply to this topic.