• Creator
    Topic
  • #30309

    Martyna Griffin
    Participant
    Been thanked: 0 times

    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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #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

    Thank you.

    Martyna Griffin
    Participant
    Post count: 1
    Been thanked: 0 times
    #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
    Post count: 3225
    Been thanked: 129 times
    #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.

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