Topic Resolution: Resolved
  • Creator
    Topic
  • #23731

    Christian Morin
    Spectator
    Been thanked: 0 times

    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 !

Viewing 8 replies - 1 through 8 (of 8 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #23733 |

    Hi,

    Please post your website url.

    Thank you.

    Christian Morin
    Spectator
    Post count: 20
    Been thanked: 0 times
    Imran
    Spectator
    Post count: 403
    Been thanked: 0 times
    #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
    Post count: 20
    Been thanked: 0 times
    #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
    Post count: 20
    Been thanked: 0 times
    Imran
    Spectator
    Post count: 403
    Been thanked: 0 times
    #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:

    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:

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

    Please use the following code under your Custom CSS:

    Hope this helps!

    Thanks.

    Christian Morin
    Spectator
    Post count: 20
    Been thanked: 0 times
    #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
    Post count: 403
    Been thanked: 0 times
    #23793 |

    You’re welcome! 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.