Trying to align Spotify follow iframe button to the right

[wowflak]

Hi
I can not get this Spotify Follow Button to align right no matter what I do. I want it to align it to the right like the Apple one below it.

http://rndr.staging.wpengine.com/playlists/

Thanks

[Prasant]

Hello @wowflak,

Thanks for asking.

To align the button to right side of screen, you can add following CSS under Customize > Setup > Element CSS:

$el{float: right;}

To learn more about Element CSS, please take a look at following article.

Element CSS | Themeco Docs

If you would like to explore CSS, please take a look at following resources:

https://www.youtube.com/watch?v=yfoY53QXEnI

https://www.youtube.com/watch?v=wcFnnxfA70g

Thanks.

[wowflak]

Thanks, that gets me most of the way there, however I want the very edge of the right side (the white count box) all the way to the right. Any ideas?

[nabeel]

Hi again,

That’s actually the limitation of your iframe which is preventing it to float to the extreme right. However you can force your element to go to the very edge of the right side. First turn off the Inner Container of your row that has the button and then replace the previous code with the following one:

$el {
	float: right;
	position: relative;
	right: -95px;
}

Hope this helps!

[wowflak]

Perfect!
Thanks

[basanta]

You are most welcome!