Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

Trying to move an Iframe up

I’m attempting to add additional CSS to WordPress to move an iframe up using Bottom: and changing it from 28px to 71px and I can’t for the life of me get it to work.

enter image description here

The CSS I’ve tried adding is:

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

.LeadBoosterContainer{
     bottom: 50px !important;
 }

>Solution :

The "bottom" property only really works when a position property other than "static"(which is the default) is set.
What you may want to use is margins. Either a margin-bottom or a negative margin-top.
Margin-bottom will give the iframe space to the next element below it.
A negative margin-top will basically "pull" it up, which sounds like it is what you are trying to do.

If you want to use the bottom property however, you will need to play with positioning.
Here you can read up on how the bottom property works depending on the position-property: https://www.w3schools.com/cssref/pr_pos_bottom.asp

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading