I want to align this scrolling events on the slider left to right but it's not working. Can anyone tell me the exact way to align it at the right side on the slider image using custom css?

 .un-post-scroller {
    position: absolute;
    float: right;

closed as off-topic by Jacob Peattie, Howdy_McGee Jan 24 at 15:32

This question appears to be off-topic. The users who voted to close gave this specific reason:

If this question can be reworded to fit the rules in the help center, please edit the question.


The main issue you are running into is that you are targeting the wrong element. The parent of .un-post-scoller is what has a limited width aligned to the left, so you won't escape that easily.

Instead, target its parent. Unfortunately there is not a particularly clean candidate here since the parent is a generic grid system class (col-md-5). Usually you want to use the grid system's class to move things over -- in the case of Bootstrap, that would be offset-md-7 (or slightly different depending on your version and which grid system you use).

That requires modifying the actual HTML. Since you asked specifically for how to do it with CSS, you might try something like:

.header-overlay-scroller .col-md-5 {
    float: right;

The header-overlay-scroller is just there so that not all .col-md-5 classes are targeted.

Not the answer you're looking for? Browse other questions tagged or ask your own question.