Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 13, 2017 at 8:59 am #807280
    ccyran

    Hey guys,

    How can I use custom CSS class field to make certain elements fullscreen?

    For example, I want the masonry gallery on my homepage to be fullscreen.

    Or on a project page, I’m using a fullscreen slider, but because I have boxed layout its not fullscreen.

    And if not through Custom CSS, I just want to be able to use fullscreen elements in a boxed layout.

    Thank you,
    Chris

    June 14, 2017 at 10:40 pm #808274
    Basilis

    Hey ccyran,

    That is not so easy.
    It does need way more customizations and some JS also to push the stuff around.
    Better to consider hire a freelancer for that, to help you make it once and then reuse it for other elemnets.

    Best regards,
    Basilis

    June 15, 2017 at 6:05 am #808397
    ccyran

    Hey Basilis,

    Apologies! I thought it would be somewhat doable with CSS,

    previously, I was given this CSS by Nikko and it works! But I don’t want the masonry gallery to keep expanding after a certain browser width. Say 1600px

    .home #header {
    width: 100%!important;
    max-width: 100%!important;
    }

    body.home {
    width: 100%!important;
    max-width: 100%!important;
    }

    .responsive .boxed#top,
    .responsive.html_boxed.html_header_sticky #header,
    .responsive.html_boxed.html_header_transparency #header {
    width: 100% !important;
    max-width: 100% !important;
    }

    Thank you,
    Chris

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