Skip to content

Lay Theme Forum
  1. Home
  2. General Discussion

General Discussion

A place to talk about anything Lay Theme related
4.4k Topics 18.6k Posts
  • A

    Off canvas Menu

    6
    0 Votes
    6 Posts
    207 Views
    C

    Make sure to add <script></script> in between your custom <head> content. The correct way to place this would be:

    <! –– OVERLAY MENU ––> <script> function openNav() { document.getElementById("myNav").style.display = "block"; } function closeNav() { document.getElementById("myNav").style.display = "none"; } </script> <! –– OVERLAY MENU ––>
  • C

    Custom Intro/Landing/Front Page

    8
    0 Votes
    8 Posts
    406 Views
    mariusjopenM

    Dear @comedowntous
    you can simplify the code much more:

    Create a folder on AWS or somewhere and name the images 1.jpg, 2.jpg, 3… Make a HTML box and call it images-box or whatever Write a JS which counts from 1 until X. Lets say 10 when you have 10 images.
    Then use the Javascript to change the CSS code for the background image of the image-box.
    "www.aws.com/my-images/" + imagenumer + "jpg"

    Hope that helped a bit.
    But there must be simple scripts for that online.
    it should be really much simpler.

    Best!

    Marius

  • C

    Mobile settings for margins not registering

    9
    0 Votes
    9 Posts
    130 Views
    mariusjopenM

    Dear @comedowntous
    have a look into media-queries for CSS.

    There you can play around with the browser size for CSS.

    Best!

    Marius

  • C

    Carousel start and end

    4
    0 Votes
    4 Posts
    37 Views
    C

    @mariusjopen http://lebon.studio/rousseau-2 (it should now)

  • A

    horizontal lines - different heights on same page

    4
    0 Votes
    4 Posts
    102 Views
    mariusjopenM

    Dear @Anselm
    for me the lines have the same thickness.

    Best!

    Marius

  • B

    Gravity pdf plugin

    2
    0 Votes
    2 Posts
    32 Views
    mariusjopenM

    Dear @bensalgado
    Can you post a link to our website?
    Then we can have a look and inspect that.

    Marius

  • P

    Problem with Jscript

    2
    0 Votes
    2 Posts
    28 Views
    mariusjopenM

    Dear @poupoutchak
    have a closer look here:

    CUSTOM JAVACSRIPT
    http://laytheme.com/documentation.html#custom-javascript

    Marius

  • tspallekT

    Random Background Image

    4
    0 Votes
    4 Posts
    178 Views
    mariusjopenM

    Dear @tspallek
    there is plenty of scripts for that.
    Google for: Javascript, loop through images in folder

    Best!

    Marius

  • B

    License upgrade

    2
    0 Votes
    2 Posts
    35 Views
    mariusjopenM

    Dear @bora323
    Best is if you write an email to info@laytheme.com and include a link to this conversation.

    Marius

  • dafvD

    Images appear on link hover

    18
    0 Votes
    18 Posts
    4k Views
    C

    @edgrbnz said in Images appear on link hover:

    .hoverFolio {
    /basic styling for your text object/
    margin: auto !important;
    }

    .hoverFolio-links {
    /that’s the wrapper for the links which also defines the image height in relation to your text block/
    position: relative;
    z-index: 1;
    padding: 5vw 0;
    }

    .hoverFolio .hoverFolio-images img.hoverFolio-image {
    /that’s your image positioning/
    position: absolute;
    object-fit: contain;
    width: auto;
    height: 100%;
    top: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: none;
    }

    This did not work for me even after changing $ to jQuery - anyone else having trouble setting this up?

  • A

    Menu Space between in %

    2
    0 Votes
    2 Posts
    54 Views
    mariusjopenM

    Dear @Anders
    you would need to use CUSTOM CSS.

    Best!

    Marius

  • A

    Show thumbnail image while loading thumbnail video

    2
    0 Votes
    2 Posts
    66 Views
    mariusjopenM

    Dear @Anders
    there is not yet an option. We will write that down.

    Best!

    Marius

  • M

    Scrolling on a page vs. project

    2
    0 Votes
    2 Posts
    31 Views
    edgrbnzE

    Do you have the fullscreen slider plugin installed?
    If so → check your settings 😉

  • L

    Site Speed (Assets) and Resized Images for Mobile

    8
    0 Votes
    8 Posts
    145 Views
    arminunruhA

    well the src of an image is a small version of the image, but that loading is canceled because the browser loads a bigger image from srcset that is appropriate for the width of the image in your browser. afaik this is 0k

    instagram js is only used if u embed an instagram post

    if you have questions about other plugins you need to ask the developers of these other plugins

    cookiebar i guess its ok like this

  • O

    Slide in home page (very simple problem)

    3
    0 Votes
    3 Posts
    47 Views
    O

    @mariusjopen Thanks Marius!

  • moND0711M

    This topic is deleted!

    1
    0 Votes
    1 Posts
    1 Views
    No one has replied
  • F

    Caption and page numbers on carousel move up the page when browser is resized

    6
    0 Votes
    6 Posts
    102 Views
    mariusjopenM

    Dear @Fletch
    ok, this seems weird.

    You could solve it like this:

    .col .lay-carousel-wrap { height: 92vh; }

    We will still have another look.

    Best!

    Marius

  • F

    Align Top menu bar with grid

    2
    0 Votes
    2 Posts
    52 Views
    mariusjopenM

    Dear @Fletch
    it is just CSS tweaking for those elements.
    No magic involved.

    Best!

    Marius

  • D

    qTranslate-XT not changing content

    30
    0 Votes
    30 Posts
    2k Views
    mariusjopenM

    Dear @LN
    Thank you for letting us know!

    Best!

    Marius

  • M

    Marquees how to

    16
    0 Votes
    16 Posts
    2k Views
    mariusjopenM

    Dear @Maria
    sure! You can use a classic marquee as well.

    You can add it into the CUSTOM HTML area.

    Also have a look with the inspector tool which classes get added as paragraph styles.
    I think they are called _h1 and so on…
    You can use the same classes to add the same style to an element which you use in the CUSTOM HTML area.

    I hope that gave you a direction :D

    Best!

    Marius

Before you post:
  1. When using a WordPress Cache plugin, disable it or clear your cache.
  2. Update Lay Theme and all Lay Theme Addons
  3. Disable all Plugins
  4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

This often solves issues you might run into

When you post:
  1. Post a link to where the problem is
  2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
  3. If the problem is difficult to explain, post screenshots / link to a video to explain it
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com