hi, everyone
i need your favour one more time, i’m making this landing page for a project using a mix of my own css/html skills and a piece of bootstrap.
the thing is that i want that the text and the button in the carousel stay in the bottom left corner of the img, i was trying with diferent kind of position, and the only one that works in one moment was position:initial. but idk what i did that didn’t work again.
Hi, you could try this:
.carousel-caption {
position: absolute;
left: 20px;
bottom: 20px;
}
and remove “right: 15%;” not needed. Might look good if the text is left aligned also.
1 Like
If you only want the button to move to the left, try this:
.carousel-caption a{
display:block;
text-align:left
}
- Because buttons are inline-block, they are treated as text.
- I’ve tested and it works fine for laptops.
- Didn’t check the responsive behaviour.
- should be properly implemented using a class.
1 Like