Okay
  Public Ticket #2884525
Image Gallery Grid Links
Closed

Comments

  •  30
    lumpy5000 started the conversation

    Hello. I would like to display an image gallery using "Image Gallery > Image Grid Style", but I do not want there to be any rollover effects or hyperlinks to enlarge the image. Is this possible? Thank you. 

  •  1,878
    Judith replied

    Hi There,

    Please send in your website url so that we may provide css for what's possible.

    Thanks.

  •   lumpy5000 replied privately
  •  1,878
    Judith replied

    Hi There,

    Please try this css:

    .orbit-wrapper .slider-nav .right, .orbit-wrapper .slider-nav .left, .progress li span, .nectar-progress-bar span, #footer-outer #footer-widgets .col .tagcloud a:hover, #sidebar .widget .tagcloud a:hover, #fp-nav.tooltip ul li .fp-tooltip .tooltip-inner, #pagination .next a:hover, #pagination .prev a:hover, .comment-list .reply a:hover, .comment-list .reply a:focus, .icon-normal, .bar_graph li span, .nectar-button[data-color-override="false"].regular-button, .nectar-button.tilt.accent-color, body .swiper-slide .button.transparent_2 .primary-color:hover, #footer-outer #footer-widgets .col input[type="submit"], .blog-recent .more-link span:hover, .post-tags a:hover, #to-top:hover, #to-top.dark:hover, body[data-button-style*="rounded"] #to-top:after, #pagination a.page-numbers:hover, #pagination span.page-numbers.current, .portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg, .portfolio-items .col[data-default-color="true"] .bottom-meta, .portfolio-items .col.nectar-new-item .inner-wrap:before, .portfolio-filters-inline[data-color-scheme="accent-color-underline"] a:after, .portfolio-filters a, .portfolio-filters #sort-portfolio, .project-attrs li span, .portfolio-filters, .portfolio-filters-inline[data-color-scheme="accent-color"], .bottom_controls #portfolio-nav .controls li a i:after, .bottom_controls #portfolio-nav ul:first-child li#all-items a:hover i, .single-portfolio .facebook-share a:hover, .single-portfolio .twitter-share a:hover, .single-portfolio .pinterest-share a:hover, .single-post .facebook-share a:hover, .single-post .twitter-share a:hover, .single-post .pinterest-share a:hover, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .post.quote .content-inner .quote-inner .whole-link, .masonry.classic_enhanced .post.quote.wide_tall .post-content a:hover .quote-inner, .masonry.classic_enhanced .post.link.wide_tall .post-content a:hover .link-inner, .iosSlider .prev_slide:hover, .iosSlider .next_slide:hover, #header-outer .widget_shopping_cart a.button, #header-outer a.cart-contents .cart-wrap span, #header-outer #mobile-cart-link .cart-wrap span, #top nav ul .slide-out-widget-area-toggle a:hover .lines, #top nav ul .slide-out-widget-area-toggle a:hover .lines:after, #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after, #header-outer .widget_shopping_cart a.button, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] #top nav ul li:not([class*="button_"]) > a span:after, #buddypress a.button:focus, .swiper-slide .button.solid_color a, .swiper-slide .button.solid_color_2 a, .select2-container .select2-choice:hover, .select2-dropdown-open .select2-choice, #top nav > ul > .button_solid_color > a:before, #header-outer.transparent #top nav > ul > .button_solid_color > a:before, .twentytwenty-handle, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .masonry.classic_enhanced .posts-container article .meta-category a:hover, .blog-recent[data-style*="classic_enhanced"] .meta-category a:hover, .masonry.classic_enhanced .posts-container article .video-play-button, .masonry.material .masonry-blog-item .meta-category a:before, .material.masonry .masonry-blog-item .video-play-button, .masonry.material .quote-inner:before, .masonry.material .link-inner:before, .nectar-recent-posts-slider .container .strong span:before, #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:hover, #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:focus, .single .heading-title[data-header-style="default_minimal"] .meta-category a:hover, .single .heading-title[data-header-style="default_minimal"] .meta-category a:focus, .nectar-fancy-box:after, .divider-small-border[data-color="accent-color"], .divider-border[data-color="accent-color"], .nectar-animated-title[data-color="accent-color"] .nectar-animated-title-inner:after, #fp-nav:not(.light-controls).tooltip_alt ul li a span:after, #fp-nav.tooltip_alt ul li a span:after, .nectar-video-box[data-color="default-accent-color"] .nectar_video_lightbox, body .nectar-video-box[data-color="default-accent-color"][data-hover="zoom_button"] .nectar_video_lightbox:after, .nectar_video_lightbox.play_button_with_text[data-color="default-accent-color"]:not([data-style="small"]) .play > .inner-wrap:before, .span_12.dark .owl-theme .owl-dots .owl-dot.active span, .span_12.dark .owl-theme .owl-dots .owl-dot:hover span, .nectar-recent-posts-single_featured .strong a, .post-area.standard-minimal .post .more-link span:before, .nectar-slide-in-cart .widget_shopping_cart a.button, .related-posts[data-style="material"] .meta-category a:before, .post-area.featured_img_left .meta-category a:before, body.material #page-header-bg.fullscreen-header .inner-wrap >a, .nectar-hor-list-item[data-color="accent-color"]:before, .material #sidebar .widget .tagcloud a:before, .single .post-area .content-inner > .post-tags a:before, .auto_meta_overlaid_spaced .post.quote .n-post-bg:after, .auto_meta_overlaid_spaced .post.link .n-post-bg:after, .post-area.featured_img_left .posts-container .article-content-wrap .video-play-button, .post-area.featured_img_left .post .quote-inner:before, .post-area.featured_img_left .link-inner:before, .nectar-recent-posts-single_featured.multiple_featured .controls li:after, .nectar-recent-posts-single_featured.multiple_featured .controls .active:before, .nectar-fancy-box[data-color="accent-color"]:not([data-style="default"]) .box-bg:after, body.material[data-button-style^="rounded"] .nectar-button.see-through.accent-color[data-color-override="false"] i, body.material .nectar-video-box[data-color="default-accent-color"] .nectar_video_lightbox:before, .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before, .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after, .fancybox-navigation button:hover:before, button[type=submit]:hover, button[type=submit]:focus, body[data-form-submit="see-through"] input[type=submit]:hover, body[data-form-submit="see-through"] button[type=submit]:hover, body[data-form-submit="see-through"] .container-wrap .span_12.light input[type=submit]:hover, body[data-form-submit="see-through"] .container-wrap .span_12.light button[type=submit]:hover, body.original .bypostauthor .comment-body:before, .widget_layered_nav ul.yith-wcan-label li a:hover, .widget_layered_nav ul.yith-wcan-label .chosen a, .nectar-next-section-wrap.bounce a:before, body .nectar-button.see-through-2[data-hover-color-override="false"]:hover {
        background-color: #11111100!important;
    }

    Thanks.

  •  30
    lumpy5000 replied

    Thank you. This solved the issue of the rollover color, but the images still link to a litebox. I would like for the images to NOT have links. Is this possible?

  •  30
    lumpy5000 replied

    FYI, here is the alert message that appears in the Custom CSS Code area. See attached screenshot. 

  •  279
    Noah replied

    Hello,

    Thanks for keeping in touch with us.

    To remove the images links:

    Try the following custom css in Salient > General settings > CSS/SCript related:

    .portfolio-items .col .work-info >a {    pointer-events: none;
    }

    The alert is because you have used the emphsis element !important, as long it is not a red warning the css is correct.

    Kind regards.

  •  30
    lumpy5000 replied

    This worked perfectly. Thank you! It seems like there should be a selection within the gallery for these options -- "No rollover and no links." Maybe for a future theme update?