Negative Top Margin iFrame – Themeco Community

Negative Top Margin iFrame

Tom S — Thu, 25 Sep 2014 21:30:09 +0000

I created an HTML iFrame at this link : http://aecobjects.com/affiliates/

I would like to add a negative top margin to cut off the logo so we’re not seeing 2 logos. How would you suggest I code the HTML to do this?

Thanks,
Tom

Reply To: Negative Top Margin iFrame

Kosher K — Thu, 25 Sep 2014 21:48:56 +0000

Hi Tom,

how about adding this code in Customizer > Custom > CSS

.HeaderInfo {
display: none;
}

If that doesn’t work, you can try this then

#x-content-band-2 {
	overflow: hidden;
}
.wpb_wrapper {
	margin-top: -70px;
}

Hope that helps.

Cheers

Reply To: Negative Top Margin iFrame

Tom S — Thu, 25 Sep 2014 22:44:24 +0000

That worked perfectly but it also caused content on other pages to shift as well. How would I use this code to be limited to a specific page? Here is the code I used:

#x-content-band-2 {
overflow: hidden;
}
.wpb_wrapper {
margin-top: -96px;
}

Reply To: Negative Top Margin iFrame

Rad — Thu, 25 Sep 2014 22:47:31 +0000

Hi Tom,

You can add specific css class for your page. Example, edit your page and go to Page Settings section. Then under Body CLass(es) option, add custom-class-selector. Save it.

Now change your css to this

.custom-class-selector #x-content-band-2 {
overflow: hidden;
}
.custom-class-selector .wpb_wrapper {
margin-top: -96px;
}

Cheers!

Reply To: Negative Top Margin iFrame

Tom S — Fri, 26 Sep 2014 14:50:41 +0000

That worked, Thanks,

Now I have another issue to solve. It looks great on Chrome and Firefox on the Mac but is being cutoff on Safari. For some reason Safari is positioning the page differently. I have not yet tested this on Windows yet,, so any ideas on solving this if there are issues with different browsers?

Reply To: Negative Top Margin iFrame

Mrinal — Fri, 26 Sep 2014 16:45:23 +0000

Hi Tom,

Possible to show us a screenshot? Please test the site with a remote browser checker first: https://browserling.com/ Also let us know which browser/OS version you’re using.

Reply To: Negative Top Margin iFrame

Tom S — Fri, 26 Sep 2014 18:12:37 +0000

Never mind. Just tested the page on several browsers with the link you gave me and it’s working well in all browsers. I reset safari on my system and it’s all good as well. It must have been using an old margin I had set previously and needed to be reset.

Thanks,
Tom

Reply To: Negative Top Margin iFrame

Cousett — Fri, 26 Sep 2014 19:38:09 +0000

Glad you were able to figure it out. 🙂 Have a nice day.