Lay Theme Forum

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

    3 Menu points: left, center, right aligned & thumbnail max-height

    General Discussion
    max-height thumbnail viewport height
    3
    11
    1907
    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.
    • M
      Mariinus last edited by arminunruh

      Hey,

      I'm trying in Custom CSS & HTML to give thumbnails either have a fixed height or a minimum/ max height...
      I set the gridder row into browser height. But now when i want to put thumbnails there, i would like to have them covering a certain percentage of the browser height. This to provide them to be shown under the titles.

      Or is there a way to give a row a background color (white)?

      Right now i've tried to do it with "max-height: 87vh;" but unfortunately this doesn't work.

      Thanks in advance!

      (images for illustration)
      Screen Shot 2016-10-28 at 17.25.42.png
      Screen Shot 2016-10-28 at 17.26.25.png

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

        hey, well the size of an image or an element will always be width-based in lay theme. Not sure if you can change that by custom css.

        Yes you can give a row a background color like that:
        http://laytheme.com/documentation.html#background-colors

        1 Reply Last reply Reply Quote 0
        • M
          Mariinus last edited by Mariinus

          Hey, thanks for the tips... though it's not completely working out for me.
          Is it possible to give text blocks a background?

          So I don't have the problem of text overlaying the images as shown as in the example but the advantage of showing the page in browser height?

          (Maybe with CSS or a different solution?)

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

            Hey, how about using the "menu bar"? In "customize" -> "menu style" -> "menu bar".
            This bar can be underneath your menu and above your content so it will overlay your content.

            1 Reply Last reply Reply Quote 0
            • M
              Mariinus last edited by

              I think that could really work!
              Is there a way to have the space in between the title in % instead of px?

              (Sorry for asking so many questions...)

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

                Hey I'm not sure which space you mean. In between the title?

                1 Reply Last reply Reply Quote 0
                • M
                  Mariinus last edited by

                  Yeah inbetween the menu titles/ buttonsScreen Shot 2016-11-09 at 12.46.04.jpg

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

                    Ah ok hmm seems its only in px.

                    Try this css for "css for desktop version" in "lay options" -> "custom css & html":

                    nav.primary li{
                    margin-right: 5%;
                    }
                    

                    :)

                    Do you want to accomplish a certain special design with percentage based space between the menu points? Like a certain type of menu layout?

                    1 Reply Last reply Reply Quote 0
                    • M
                      Mariinus last edited by

                      I would like to accomplish that the placing of the text is like the image in the first post.
                      here the text is centre aligned and the place from the left text to left the side is the same as the right text to the right. Also when it is scaled down/ the browser made less wide.

                      I noticed with this custom CSS it doesn't work...

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

                        Hey please insert this css into "lay options" -> "custom css & html" -> "Custom CSS for Desktop Version":

                        nav.primary{
                            left: 10px;
                            right: 10px;
                        }
                        
                        nav.primary li{
                            margin-right: 0;
                        }
                        
                        nav.primary li:nth-child(2){
                            position: fixed;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        
                        nav.primary li:last-child{
                            right: 10px;
                            position: fixed;
                        }
                        

                        Please note this only works with 3 menu points.

                        One feature that I want to do for lay theme in the future is to be able to have multiple menus that you can place anywhere you want. Then this type of thing will work without custom css.

                        1 Reply Last reply Reply Quote 0
                        • L
                          leandrodisler last edited by

                          Is it possible to have this on Desktop with the 2 menu Points but

                          1 Reply Last reply Reply Quote 0
                          • First post
                            Last post
                          Post a link to where the problem is if possible, please <3
                          I don't answer or check forum DMs, please just post on the forum.
                          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                          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. When using a WordPress Cache plugin, disable it or clear your cache. Now see if your problem solved itself.
                          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

                          E

                          Recent Topics

                          • A

                            website error

                          • Website gone all blank after update 6.3.1

                          • S

                            can't update project category content

                          • C

                            lightbox: how to go back to project instead of home with back button

                          laytheme.com