Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.
Closed 6 years ago.
Improve this questionI 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;
}
Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.
Closed 6 years ago.
Improve this questionI 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;
}
1 Answer
Reset to default 0The 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.