Positioning elements

[AndrewTraub]

I'm having trouble positioning the javascript added slider buttons on my home page at https://AustinAccidentLawyer.com.

The CSS is primarily this:

Code: [Select]

.carousel-container .carousel-actions {
    display: flex;
    width: 100%;
    justify-content: space-between; /* put space between the navigation buttons */
    /*position: absolute; /* position navigation buttons on top */
    /*top: 50%; /* center navigation buttons on the slide */
    transform: translateY(-600%); /* align navigation buttons */
}
If I position it absolute with top at 50% and transform: translateY(-50%) I thought it would center it, but it makes the containing div too large and also puts the buttons who knows where. My hack has been to disable the absolute and top positioning and ramp up the negative Y translation.

Any help would be appreciated.

[mtness]

Hi there,
IMHO, neglect the

Code: [Select]

transform and just leave the directional buttons at the bottom,
It really doe not make a great difference visually. Depends on what you want to achieve with your site.

[Jason Knight]

I'm not even sure what you mean by "slider buttons" or what that code you presented has to do with said page.

Do you mean the testimonials area so far down the page NOBODY is going to read that far?

Laugh is, I think scrollbars can now function that way without the need for scripting or excess radio buttons. I'd have to play with it though.