Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #112635

    Tom S
    Participant

    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

    #112659

    Kosher K
    Member

    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

    #112707

    Tom S
    Participant

    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;
    }

    #112712

    Rad
    Moderator

    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!

    #113205

    Tom S
    Participant

    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?

    #113272

    Mrinal
    Member

    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.

    #113309

    Tom S
    Participant

    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

    #113366

    Cousett
    Member

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