Portfolio page, traslation and link - by designerobot

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

  • Avatar: designerobot
    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.
    8 Answers
    Avatar: Rose Tyler
    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

    Avatar: designerobot
    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?

    Avatar: Rose Tyler
    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

    Avatar: designerobot
    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.
    Avatar: Rose Tyler
    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

    Avatar: designerobot
    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?

    Avatar: Rose Tyler
    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

    Avatar: Rose Tyler
    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

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.