Okay
  Public Ticket #261676
Naviagation button sizes
Closed

Comments

  • Richard started the conversation

    Hello,

    Thanks for all your help, I'm really happy with the result you've helped me archive with this theme. If there's any way I can help you guys I'd be happy to - a review or what ever would be useful?

    The plus image that appears in the bottom of a portfolio item when you hover over it. Is there a way to reduce the size of this? If it's not easy can it be removed instead?

    Secondly, I was wondering if the navigation buttons on lightbox images can be made smaller to fit the style of the rest of the site? This would include the next and previous arrows as well as the corner cross.

    Thank you very much,

    Richard

  •  8,839
    Tahir replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :

    body .portfolio-items .col .work-item.style-2 i.icon-salient-plus {
        line-height: 80px!important;
        height: 80px!important;
        width: 80px!important;
        font-size: 40px !important;
    }
    

    Can you provide the page url of the lightbox. 

    Thanks


    ThemeNectar Support Team 

  • Richard replied

    Hello,

    Thanks you for your help with that. I decided to hide the plus sign all together in the end.

    Here is a link to a page with lightbox on it http://www.morphic.tv/portfolio/nsd/

  •  8,839
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel :
    html body a.pp_arrow_next i.icon-default-style[class^="icon-"],html body a.pp_arrow_previous i.icon-default-style[class^="icon-"] {
        font-size: 20px !important;
    }
    
    
    
    Thanks


    ThemeNectar Support Team 

  • Richard replied

    Fantastic, thank you very much. is there a similar code for the cross in the top right also on the lightbox?

  •  8,839
    Tahir replied

    No i am afraid not.

    Thanks


    ThemeNectar Support Team 

  • Richard replied

    Thank you very much for your help with these!