Okay
  Public Ticket #1399796
Nectar Image Grid
Closed

Comments

  • the5uperD started the conversation

    I am having trouble figuring out how to get a similar effect for my image grids as seen on here - http://themenectar.com/demo/salient-promo/image-grid/ 

    Is there a link or somewhere I can find guidance on how to set up one of these configurations. 

    Also, it is possible to customize the hover over effects? I'd prefer to have the effects shown in 

    'Full Width Masonry, 20px Spacing, Perspective Fade In, No Captions'. (color fade and no titles)

    Thanks.

  •  8,425
    Tahir replied

    Hey Again,

    Yes its pretty straightforward.

    - Add a Image Gallery VC element and choose Image Grid Style . After that select the Styles as highlighted in the screenshot: http://prntscr.com/hmelar . 

    Be.st


    ThemeNectar Support Team 

  • the5uperD replied

    This does not answer my question at all, I applied the settings you recommended and my images are cropped and I have no way of controlling how they are arranged similar to the example I requested. I want to set them to appear similar to the masonry example and do NOT want a tile to appear when hovered over. Also I'd like to control the color of the hover over.

    Please give me more of an answer than just telling where the controls are. I am aware of the basics, I submit a ticket because I need a specific solution. 


  •  8,425
    Tahir replied

    Hey Again,

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks


    ThemeNectar Support Team 

  •   the5uperD replied privately
  •  8,425
    Tahir replied

    Hey Again,

    Have adjusted the settings further to have it look like the demo : http://prntscr.com/ho8how .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .wpb_gallery .portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
        background-color: #5472d2 !important;
    }

    Thanks


    ThemeNectar Support Team