Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #2903867
Image Captions
Closed

Comments

  •  3
    patrickcorleyjack started the conversation
    October 27, 2021 at 12:51pm

    Can you tell me:

    1. How to get rid of the grey backgroung behind image captions

    2. Then, how to make the cation text line up with the left hand edge of the image

    3. And, can I put a white boarder around the image (this is because I might back the background a very light grey)

    Many thanks . . . .

  •  1,561
    Laborator replied
    October 28, 2021 at 6:59am

    Hi there,

    Add the following CSS to Custom CSS to make the changes in your portfolio item page:

    .single-portfolio-holder .gallery.captions-below .caption {
    padding-left: 0px;
    background: transparent;
}
.portfolio-holder .portfolio-item .video-js-el, 
.single-portfolio-holder .gallery .photo img {
    border: 1px solid #FFF;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  3
    patrickcorleyjack replied
    October 28, 2021 at 9:01am

    Cheers Art . . . 

    Another question - can I get rid of the boxes and the 'previous' 'next' text . . . so that we just leave the arrows?

    See attachement. Cheers

  •  1,561
    Laborator replied
    October 28, 2021 at 12:08pm

    Hi again,

    Add this CSS to Custom CSS:

    .single-portfolio-holder .portfolio-big-navigation a .adjacent-post-link__text {
    display: none;
}
.single-portfolio-holder .portfolio-big-navigation a {
    display: none;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  3
    patrickcorleyjack replied
    October 29, 2021 at 2:54pm

    Yes, this almost worked . . . I changed it to this and it worked:

    .col-xs-2.text-on-center {
    visibility: hidden;
}
.single-portfolio-holder .portfolio-big-navigation a .adjacent-post-link__text {
    display: none;
}