Topic Resolution: Resolved
  • Closed
  • Christian Morin
    Spectator
    January 22, 2016 at 4:57 am #23731

    Hi there !
    I have included a Theme4press slider in a post using the shortcode.
    I’d like to know the proper CSS code to use so the caption and title on the slides are positionned from the bottom of the slide (instead of from the top). Also, how can I bring them closer together (less vertical space between the title and caption)?
    Thanks !

    Denzel Chia
    Moderator
    Posts: 2656
    January 22, 2016 at 7:53 am #23733

    Hi,

    Please post your website url.

    Thank you.

    Christian Morin
    Spectator
    Posts: 20
    January 22, 2016 at 7:59 am #23735

    Website is http://www.artistespourlapaix.org
    Page with slider is http://www.artistespourlapaix.org/?p=9271

    Imran
    Spectator
    Posts: 402
    January 22, 2016 at 10:50 am #23737

    Hi Christian,

    Thanks for writing in!

    Upon checking, it seems there’s no slider on this page: http://www.artistespourlapaix.org/?p=9271 (see: http://prntscr.com/9tafdj), would you mind confirming so that we can take a look and provide you with a possible solution.

    Thanks!

    Christian Morin
    Spectator
    Posts: 20
    January 22, 2016 at 6:15 pm #23769

    Sorry about that, I had to take the post offline, as it was not ready for publishing. The slider is here:

    Qui sera l’Artiste pour la Paix de l’année ?


    There are 28 slides, and slides no. 2 and 3 have captions and headings.
    I’m also looking at how to make the title and caption horizontally closer to the edge of the images.
    Thanks !

    Christian Morin
    Spectator
    Posts: 20
    January 22, 2016 at 6:17 pm #23770

    http://www.artistespourlapaix.org/?page_id=9343

    Imran
    Spectator
    Posts: 402
    January 23, 2016 at 10:48 am #23774

    Hi Christian,

    how to make the title and caption horizontally closer to the edge of the images.

    Please add the following code under Appearances -> Customize -> Custom CSS:

    .page-id-9343 .t4p-slider.fixed-width-slider .slide-content-container {
    padding-left: 3% !important;
    }

    caption and title on the slides are positionned from the bottom of the slide (instead of from the top)

    Please insert the following code under your Custom CSS field:

    .page-id-9343 .t4p-slider .slide-content-container {
    top: 63%;
    }

    how can I bring them closer together (less vertical space between the title and caption)?

    Please use the following code under your Custom CSS:

    .page-id-9343 .t4p-slider.fixed-width-slider .slide-content-container .heading {
    margin-bottom: 8px;
    }

    Hope this helps!

    Thanks.

    Christian Morin
    Spectator
    Posts: 20
    January 23, 2016 at 7:00 pm #23775

    Thanks for your help!
    Everything works fine, as long as the custom codes are inserted at the top of the Custom CSS file.
    Case closed!

    Imran
    Spectator
    Posts: 402
    January 25, 2016 at 10:46 am #23793

    You’re welcome! 🙂