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
  • M

    Mailchimp

    5
    0 Votes
    5 Posts
    1k Views
    D

    danke armin

  • A

    Give data attribute to row not working

    3
    0 Votes
    3 Posts
    377 Views
    A

    @arminunruh Thanks a lot man :)

  • bruceismailB

    Google Algorithm Update

    2
    0 Votes
    2 Posts
    273 Views
    arminunruhA

    Hmm I think you can put any kind of google analytics code into the "custom <head> content" in "custom html & css" in "lay options"

  • D

    Animation on thumbnail caption

    3
    0 Votes
    3 Posts
    714 Views
    D

    Amazing, thanks much!

  • C

    Mobile site tittle error ¡Urgent! :S

    2
    0 Votes
    2 Posts
    302 Views
    arminunruhA

    Oops seems to be a bug.
    Please use this css until I fix the bug:

    "Lay Options" -> "Custom CSS & HTML" -> "Custom CSS for Mobile Version":

    .mobile-title{ display: none!important; }
  • F

    http error while uploading photo

    6
    0 Votes
    6 Posts
    2k Views
    F

    thanks for helping armin, i'm gonna try it out!

  • S

    SVG and CSS based on current page

    4
    0 Votes
    4 Posts
    779 Views
    arminunruhA

    ah
    So you want to change the color of the svg. This is not easily possible. Lay theme uses this markup for showing an svg image:
    <img src="http://laytheme.dev/wp-content/uploads/2016/10/Bugger_King_Logo.svg" alt="Lay  Theme">

    If you open the svg with a texteditor you see the svg's markup which looks just a bit like HTML markup. If you copy that markup into "Custom HTML at top" (in "Custom html and css") you will have the svg markup directly in your website. Of course this is not the site title and you would need to position this svg by yourself using css. Example:

    .your-svgs-class{ position: fixed; top: 10px; left: 50%; transform: translateX(-50%); z-index: 2; }

    Now that you got your svg markup in your website you can do things like:

    svg path{ fill: blue!important; }

    Here's more info on css and svg
    https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/SVG_and_CSS

  • SHS

    Mailto Link and Phone Layout

    3
    0 Votes
    3 Posts
    2k Views
    SHS

    Upps! Yes that solves everything! Thanks for the Support and for Laytheme! It´s the shit! :fist:

  • A

    how to keep about page on the same page?

    3
    0 Votes
    3 Posts
    550 Views
    A

    works perfectly! thank you so much! :) second option worked

  • S

    Possible to remove link from site title?

    3
    0 Votes
    3 Posts
    804 Views
    S

    Amazing, thanks

  • deMenouillardD

    Override Fade Transition Between Page

    2
    0 Votes
    2 Posts
    745 Views
    arminunruhA

    Yes!

    "Lay Options" -> "Misc Options" ->
    Screen Shot 2016-10-03 at 10.57.06.png

    and set that to 0.

  • A

    Sitetitle style not loading on iPhone

    2
    0 Votes
    2 Posts
    295 Views
    arminunruhA

    ok, well you can debug this by using the inspector and resizing your browser so it has the phone size.
    Please take a look at this https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

  • A

    How to hide the footer on mobile

    2
    0 Votes
    2 Posts
    578 Views
    arminunruhA

    Yes, you can hide the footer in "Lay Options" -> "Custom CSS & HTML" -> "Custom css for mobile version".
    Please enter:

    #footer-region #grid{ display: none; }
  • J

    2 projects on the same row/one on top of the other

    12
    0 Votes
    12 Posts
    1k Views
    arminunruhA

    One thing, if you want to hide your whole footer for the phone version you can also do in "Custom CSS for Mobile Version":

    #footer-region{ display: none; }

    Ok until I have fixed this please use this css for the "Custom CSS for Mobile Version" field:

    #main-region{ padding-bottom: 30px; }
  • A

    Thumbnail drop shadows

    2
    0 Votes
    2 Posts
    466 Views
    arminunruhA

    please try this:

    .col[data-type="project"] .thumb-rel{ your shadow css }
  • A

    Leave site unpublished while working on it

    2
    0 Votes
    2 Posts
    388 Views
    arminunruhA

    hey alexandrap!

    It is not exactly what you are looking for, but take a look at this:
    https://wordpress.org/plugins/password-protected/

    It's a plugin that password protects your whole website.

  • A

    Site title weight different from from browser to browser

    4
    0 Votes
    4 Posts
    551 Views
    arminunruhA

    non breaking spaces.
    Hmm so you mean you want to have more space between the two words that make up your site title? If yes, please try this as your site title in "Customize" -> "Site title" -> "Site title"

    austin&nbsp;&nbsp;redman

    one   is a non breaking space

    for fixed items please take a look at this answer:
    http://laythemeforum.com:4567/topic/535/fixed-element/4

    You can either add elements in the gridder and make them fixed through css.
    Or if you want to have fixed elements on all of your pages you could add custom html in "lay options" -> "custom html & css" (might be harder if you don't know much about html).

  • S

    few extra pages inbetween

    2
    0 Votes
    2 Posts
    303 Views
    arminunruhA

    It looks like you got rows with empty texts inside. Please try this: set the rowgutter to something like 200px in the gridder so you can see where rows are. Then see if you can find empty rows and delete them.

  • A

    adding html/css to a specific page

    4
    0 Votes
    4 Posts
    1k Views
    arminunruhA

    When you go to lay options -> custom HTML and CSS -> HTML at top
    you can enter the markup for your image. Now you would need to use CSS animations.

    https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

    Please take a look around the web to learn how they work.

  • T

    Scroll Down arrow on a FullScreen page

    12
    1 Votes
    12 Posts
    5k Views
    arminunruhA

    ^^

    with jquery you can animate scroll like this. This needs a class of "clickme" on your element:

    <script> jQuery(document).on("click", ".clickme", function(){ jQuery("html, body").animate({ scrollTop: window.innerHeight }, 600); }) </script>
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