Return to previous page

Portfolio page, traslation and link - by designerobot

This topic has 9 replies, 2 voices, and was last updated 4 years, 11 months ago ago by Rose Tyler

designerobot

Participant

February 25, 2020 at 12:05

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.

Please, contact administrator
for this information.

#230249 Copied Theme version: last version

8 Answers
Rose Tyler

Support staff

February 25, 2020 at 12:55
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
#230264 Copied
designerobot

Participant

February 26, 2020 at 19:49

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?

#230382 Copied
Rose Tyler

Support staff

February 27, 2020 at 10:01
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; } }

http://prntscr.com/r8d3n3

Regards
#230397 Copied
designerobot

Participant

February 27, 2020 at 19:29

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.

Please contact administrator
for this information.

#230445 Copied
Rose Tyler

Support staff

February 28, 2020 at 09:04
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
#230457 Copied
designerobot

Participant

February 28, 2020 at 16:34

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?

#230482 Copied

Rose Tyler

Support staff

February 29, 2020 at 11:24

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

#230499 Copied
Rose Tyler

Support staff

March 1, 2020 at 09:21
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
#230520 Copied
Viewing 9 results - 1 through 9 (of 9 total)