Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Fullscreen slider - 50% height on one row?

    Addons
    3
    11
    491
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      StudioTomas last edited by

      Hello :)

      I was wondering if there is a CSS or Jquery fix which would allow for the last row of a project page to be only 50% height, when the rest of the page uses the full screen slider? By this I mean when the last row slides into view it stops and fills only the bottom half of the screen.

      Thanks!

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Dear @StudioTomas
        with CUSTOM CSS you can give the last row a specific height of 50%. That should be possible, yes.

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • S
          StudioTomas last edited by

          Hi Marius, thanks for the quick reply! I did try to do that by giving the row a class and using the custom css 50vh but it seems like the Fullscreen slider overrides that - any ideas? Thanks!

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            Dear @StudioTomas
            try the important tag:
            https://www.css-hack.de/CSS+allgemein/!+important

            It will probably overwrite.

            Best!
            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • S
              StudioTomas last edited by

              Hi Marius,

              Thank you :) unfortunately that doesn't work.

              Here's my custom CSS:

              .halffooter: {
              height: 50vh! important;
              }

              The halffooter class is applied to the row I want to be 50% height with the fullscreen slider.

              1 Reply Last reply Reply Quote 0
              • edgrbnz
                edgrbnz last edited by edgrbnz

                That’s simply because you got a minor typo in there – Your space is in the wrong place 😉

                Intead of:

                .halffooter: {
                height: 50vh! important;
                }
                

                It should be:

                .halffooter: {
                height: 50vh !important;
                }
                

                Best is to write these things in a code editor with syntax highlighting like Sublime Text. You can define which language you are writing and the editor highlights the syntax that’s wrong / right like above 👆
                When all code is done copy-paste it into Lay Theme as desired.

                Hope that helps!

                ✦ ✦ ✦

                1 Reply Last reply Reply Quote 1
                • mariusjopen
                  mariusjopen Global Moderator last edited by

                  Dear @edgrbnz
                  ah great! Good eyes!

                  Best!

                  Marius

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 0
                  • S
                    StudioTomas last edited by

                    Thank very much to you both @mariusjopen and @edgrbnz - sorry I didn't reply sooner and thanks for the Sublime text tip, I do sometimes use that but missed the space this time!

                    Unfortunately though that edit does not work either. My site is studiotomas.com and I have a test half height section at the bottom of the home page.

                    Any other ideas of a workaround are most welcome! :)

                    1 Reply Last reply Reply Quote 0
                    • mariusjopen
                      mariusjopen Global Moderator last edited by

                      Dear @StudioTomas
                      that is because you use the Fullscreen Slider. You can not combine it with the fullscreen slider.

                      You could make a box in the last slide and change it with CSS.

                      Best!

                      Marius

                      www.mariusjopen.world

                      1 Reply Last reply Reply Quote 0
                      • S
                        StudioTomas last edited by

                        Hi Marius,

                        Ah ok, my question has always been about the fullscreen slider!

                        What I was trying was to make a footer like the one at the bottom of the page on this site: www.afom.com.au.

                        Is this definitely impossible with Lay theme? If so, no worries, maybe I'm being too ambitious!

                        Thanks :)

                        1 Reply Last reply Reply Quote 0
                        • mariusjopen
                          mariusjopen Global Moderator last edited by

                          Dear @StudioTomas
                          you could probably trick it somehow. With jQuery or some tricky CUSTOM CSS:

                          But also I don't know how to be honest.

                          :-)

                          Best!

                          Marius

                          www.mariusjopen.world

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post

                          Before you post

                          Use the Search Feature. Maybe there is already a solution to your issue.

                          1. Update Lay Theme and all Lay Theme Addons
                          2. Disable all Plugins
                          3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                          4. Now see if your problem solved itself
                          5. Go here, see if your problem is listed here:
                          Troubleshooting

                          When you post:
                          1. Post a link to where the problem is
                          2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                          Thanks!

                          Online Users

                          M

                          Recent Topics

                          • M

                            komische boxen auf der Website

                          • S

                            Theme crashed - because of Polylang?

                          • J

                            Split Screen just on front page / subpages without the split?

                          • Y

                            image quality dropped

                          laytheme.com