This topic has 9 replies, 2 voices, and was last updated 4 years, 8 months ago ago by Rose Tyler
Hello, I have 2 questions regarding the portfolio page:
1) I can’t translate the word “show all” in portfolio (see pic 1, point 1) even if it is translated and active in WMPL (see sic 2)
2) Always in the portfolio page, I’m not able to remove the link button at the rollover of the picture (see pic 1, point 2).
I would like to avoid the rollover effect at all, I would like that if I click on the photo the lightbox opens directly. I tried to do this (look at the commented code in the css) but only the link opens, not the lightbox.
Hello,
1) Go to WPML > Theme and plugins localization > Strings in the plugins > WooPress Core > Scan selected plugins for strings, then go to String translation > find and translate “Show All” text with woopress-core text domain.
2) Try to use the next custom CSS code –
.portfolio-image .btn_group a:last-child{
display: none !important;
}
Regards
Hello,
1) I had already done this before I even wrote to you the first time. Before I had attached the screens that showed that it doesn’t work, even if I did exactly what you told me now. Please check
2) It works, thanks. But it works on desktop version, on mobile version the icon is not presen. Moreover on mobile I need to click to times to open the lightbox effect.
Said this, like asked before, I would like to avoid the rollover effect at all, I would like that if I click on the photo the lightbox opens directly. How to modify the css?
Hello,
1) You did not follow the described steps. I’ve done them on your site, please check now – http://prntscr.com/r8cv95 > http://prntscr.com/r8cvdq
2) There is not a possibility to achieve exactly the described result, but you can add this code in Global custom CSS area:
@media only screen and (max-width: 768px) {
.portfolio-image .zoom {
visibility: visible;
opacity: 1;
}
.portfolio-image .zoom a:first-child span:before,
.portfolio-image .zoom a:first-child span:before,
.portfolio-image .zoom a:first-child span:before {
margin-top: 50%;
margin-left: 0px;
}
}
Regards
Thank very much.
1) Perfect, thanks.
2) This solution is perfect, thanks. On my iPhone11 Pro in landscape version works perfectly, but on portrait mode, the icons with the lens are not visible (see the attached pic in pvt). How to solve this?
Moreover, another question:
now (with me modified CSS) I have 3 portfolio miniatures in desktop version end 3 miniatures in the mobile version.
Could be possible to keep the 3 miniature in the mobile and to have 6 (six) miniature in the desktop version? Unfortunately, 6 is not possible to be chosen in the theme option where the maximum is 4.
Hello,
1) You’re welcome!
2) Please change this code http://prntscr.com/r8vite to
.portfolio-image .zoom a:first-child span:before {
margin-top: 50% !important;
margin-left: 0px !important;
}
3) Sorry, but there is no such possibility for the portfolio.
Regards
2) Thanks, now it works. Strangely, however, I have two different icons: the magnifying glass in the desktop version and the cross in the mobile version. How can I have the cross also in desktop version?
Another question: which file should I edit if I want to put an inscription (the name of the page, that is also the title of the picture) under the photo opened with the lightbox?
Hello,
I’ve sent your questions to our technicians. Due to the weekend, they will be able to take a closer look from Monday. Please wait.
Regards
1)
.portfolio-image .btn_group a[rel="lightbox"]:before {
content: "\f0b2" !important;
font-size: 18px;
font-family: FontAwesome;
}
2) woopress/js/etheme.js
If you need help with the additional customization, submit customization request to WPKraken team
Regards
You must be logged in to reply to this topic.Log in/Sign up