Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 18, 2016 at 1:28 pm #634416
    michaelmiddle

    I have a page (http://dfwhumane.org/adopt) with two tabs. Inside the tabs is an iframe using a source from another site (it’s my only option for the content I need). I have been able to successfully fit it to 100% width, but I cannot get to 100% height.

    I have added the following to Quick CSS:

    .js_active .tab_content {min-height: 1500px;}
iframe {
display: block;
width: 100%;
height: 100vh;
}

    This makes the tab height 1500px – great start – but it doesn’t change the height of the iframe. Is there a class that I’m missing?

    My main goal is that there are some users that won’t realize they can scroll within the iframe, and I’m trying to make it as foolproof as possible.

    May 18, 2016 at 1:38 pm #634426
    Vinay

    Hey michaelmiddle,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
#tab-id-1-container,#tab-id-2-container {
	min-height:100vh;
}

    Best regards,
    Vinay

    March 15, 2017 at 10:55 pm #761664
    michaelmiddle

    It’s me again. I’m making changes to our adopt page due to user feedback. Unfortunately, I am having trouble (again) targeting my CSS to the iframe textblock so that the iframe will expand in height.

    I’ve tried targeting the textblock class along with a custom css class, but I can’t get either to work. Could you take a look and let me know what I’m missing?

    Page is at https://dfwhumane.com/adopt-2/

    Thanks!

    New plan. Sorry.

    • This reply was modified 7 years, 8 months ago by michaelmiddle.
    March 16, 2017 at 3:12 pm #761964
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.