Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 18, 2020 at 5:03 am #1238709
    Dependable

    Hello,

    I’ve got the custom css class set to yoga-prehab-success-path and I’ve tried a lot of different formats and I can’t seem to figure out how to target a custom code block with 100% height.
    Here’s the page I’m trying to make 100% height – the content inside of the codeblock is an iframe with 100% H x 100% W dimensions.

    I've tried:
div.avia_codeblock.yoga-prehab-success-path {
    height: 100% !important;
}
    .yoga-prehab-success-path {
    height: 100% !important;
}

    None of those work.

    Yoga Prehab Success Path

    Thank you!

    August 18, 2020 at 5:20 am #1238710
    Jordan Shannon

    Hey Brad,

    I’m not seeing that class at all. Are you able to provide admin info so we can look into this issue further.

    Best regards,
    Jordan Shannon

    August 26, 2020 at 5:36 pm #1240979
    Dependable
    This reply has been marked as private.
    August 31, 2020 at 10:38 am #1242079
    Victoria

    Hi Dependable,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia_codeblock.yoga-prehab-success-path,
#top .avia_codeblock.yoga-prehab-success-path iframe {
  min-height: 100vh;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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