Home › Forums › Jevelin Theme › Disable lightcases
Home › Forums › Jevelin Theme › Disable lightcases
Hello,
I’m using this
<div>.sh-portfolio-single-slider a.sh-overlay-lightbox .sh-table-cell {</div>
<div> display: none;</div>
<div>}</div>
<div>and it works on gallery project layout.</div>
<div></div>
<div>I tried these for .sh-portfolio-single for the default project layout</div>
<div>
<div>.sh-portfolio-single .sh-portfolio-single-image{</div>
<div>cursor: auto !important;</div>
<div>}</div>
<div>.lightcase-contentInner{</div>
<div>display: none !important;</div>
<div>}</div>
<div>#lightcase-overlay{</div>
<div>display:none !important;</div>
<div>}</div>
<div>#lightcase-title{</div>
<div>display:none !important;</div>
<div>}</div>
</div>
<div>but they conflict.</div>
<div></div>
<div>Is there a way to disable all lightcases with only one operation?</div>
<div></div>
<div>Thank you.</div>
<div></div>
<div>MP</div>
I hope you are well today and thank you for your question.
Could you please tell me what you are referring as lightcases and also share me the page URL from your site where it is displaying so that I can help you to disable it?
Best regards,
Shufflehound team
Sure, we’d like to achieve this on:
https://manaprojectstudio.com/portfolio/%category%/
https://manaprojectstudio.com/portfolio/%postname%/ (for both portfolio layouts: default and gallery slider)
don’t need to achieve this on the homepage portfolio given that we’re using overlay3.
Thanks for support.
MP
What do you want to achieve?
Also, your shared URLs do not work.
Sorry for misunderstanding,
we’d like to disable image lightcases.
Our website is on coming soon mode, so I provide samples.
Also we miss something in pasting the codes before.
.sh-portfolio-single .sh-portfolio-single-image{
cursor: auto !important;
}
.lightcase-contentInner{
display: none !important;
#lightcase-overlay{
display:none !important;
}
#lightcase-title{
display:none !important;
}
.sh-portfolio-single-slider a.sh-overlay-lightbox .sh-table-cell {
display: none;
}
Thanks for support.
MP
Then could you please share the screenshot of it?
Sure, sorry thought I did.
It’s the second attachement the right one. The first is for another thread.
You can disable it form single project page by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.single-fw-portfolio #lightcase-overlay, .single-fw-portfolio #lightcase-case { display: none !important; }
Hello,
actually there’s still something odd (see attachments):
Thank you very much for your support.
MP
Solution for this topic
To achieve this please use the below custom CSS code instead of shared above.
.single-fw-portfolio #lightcase-nav, .single-fw-portfolio #lightcase-overlay, .single-fw-portfolio #lightcase-case { display: none !important; } .sh-portfolio-single-slider .slick-list *, #wrapper .sh-portfolio-single .sh-portfolio-single-right * { cursor: unset; }
It works, thank you very much for support.
MP
You are most welcome here 🙂