• Closed
  • Martyna Griffin
    Spectator
    September 19, 2016 at 5:49 pm #30309

    Hi, I tried posting once this morning but cannot see the topic, so posting again:

    (1) I am adding a t4p slider to the page. I need both heading and caption, and chose to disable buttons. Now I would like to vertically align everything to the bottom of the slide.

    I have used the following custom CSS to push the heading and content down, but I wish I could control it through alignment, not set values, in case I need a taller / shorter slider.

    (2) Also – what would be the best way to set the custom CSS to a specific slider? Lets say I have slider02 and slider02. How to target only slider01 with the custom CSS?

    Thanks for your help!

    .t4p-slider-container h2 {
    position: absolute;
    top: 130px !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    }
    .t4p-slider-container h3 {
    position: absolute;
    top: 200px !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    }

    Denzel Chia
    Moderator
    Posts: 2656
    September 20, 2016 at 7:08 am #30315

    Hi,

    I have used the following custom CSS to push the heading and content down, but I wish I could control it through alignment, not set values, in case I need a taller / shorter slider.

    Sorry, I don’t understand this sentence.
    You can use relative positioning with value in percentage instead of px, if that’s what you mean by alignment.

    There is no id or class to identify each slide, you can use :first-child to target first slide.
    For example. The following will move the first slide h2 down 300px

    .t4p-slider .slides:first-child h2 {
    position: relative;
    top: 300px !important;
    }

    Thank you.

    Martyna Griffin
    Spectator
    Posts: 1
    September 20, 2016 at 3:57 pm #30323

    I am talking about vertical align. Right now, without custom CSS, the heading and content are positioned on top of the slide. What do I do to position them on the bottom? Lets say 30px off the bottom?

    This is the page with the slider –

    Safe Routes to School

    Denzel Chia
    Moderator
    Posts: 2656
    September 21, 2016 at 6:42 am #30342

    Hi,

    Sorry, I cannot find a custom css that will make it absolute position from bottom, please contact our developer for this customization assistance.
    https://theme4press.com/theme-customization-service/

    Thank you.