Okay
  Public Ticket #2821576
clean custom thumbnail Image
Closed

Comments

  •  1
    sempolak started the conversation
    July 8, 2021 at 6:03pm

    Hi 

    How can i get a clean custom thumbnail Image without text like i have by the video lightboxes (sempolak.nl)

  •  1,878
    Judith replied
    July 8, 2021 at 6:13pm

    Hi Sempolak,

    Thanks for keeping in touch:

    Do you mean like an image gallery?

    Thanks.

  •  1
    sempolak replied
    July 8, 2021 at 6:16pm

    Yeah i have now this: (portfolio page) 

  •  1
    sempolak replied
    July 8, 2021 at 6:17pm

    And i want like like this (video lightbox) with the zoom in it when you hover over it

  •  1,878
    Judith replied
    July 8, 2021 at 6:19pm

    Hi Sempolak,

    You can't have them without the texts. However you can use css to remove the text.

    Thanks.

  •  1
    sempolak replied
    July 8, 2021 at 6:32pm

    Can you provide me the custom ccs?

  •  8,847
    Tahir replied
    July 8, 2021 at 7:25pm

    Hey Again,

    Please adjust the Portfolio Style in the Page element settings and let us know so we can write up Custom CSS for it.

    Thanks 

    ThemeNectar Support Team 

  •  1
    sempolak replied
    July 8, 2021 at 8:40pm

    Hey Tahir what do you exactly mean with adjust the Portfolio Style in the Page element settings

  •  1,878
    Judith replied
    July 8, 2021 at 9:06pm

    Hi,

    It means you can choose from these options the layout you would need:

    5413204202.png

    Thanks.

  •  1
    sempolak replied
    July 8, 2021 at 9:23pm

    Hi thanks,

    i've changed it and it looks almost the same, if you can provide me the custom css :) 

    Do you also know how i can remove the spacing so its the same as the boxes below it. 

  •  279
    Noah replied
    July 9, 2021 at 5:42am

    Hi again,

    To hide the text, use the css below:

    .portfolio-items .col .work-item.style-3 .vert-center, .portfolio-items .col .work-item.style-3-alt .vert-center, .portfolio-items .col .work-item.style-2[data-custom-content="on"] .vert-center{
   display:none !important;
}

    To remove the space use

    .portfolio-items .col.span_6, .portfolio-items[data-ps="6"] .col.span_6{
  width:50%;
padding:0px !important;
}

    Thanks,

  •  1
    sempolak replied
    July 9, 2021 at 9:45am

    Thanks it's working! last question for now haha how can i remove the dark fade / opacity when you hover over it so it's exact the same as the video lightbox?  

  •  8,847
    Tahir replied
    July 9, 2021 at 10:46am

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .portfolio-items .col .work-item.style-3 .work-info-bg {
    opacity: 0 !important;
}

    Thanks

    ThemeNectar Support Team