Skip to content

General Discussion

A place to talk about anything Lay Theme related
4.4k Topics 18.6k Posts
  • Layout connected to internet browser frame

    5
    0 Votes
    5 Posts
    48 Views
    RichardR

    Thank you @emgeoffice ! :)

  • Different Video Play ICONs

    2
    0 Votes
    2 Posts
    69 Views
    RichardR

    Dear Aleks @Aleksandar

    Sorry for the delay :)
    This is possible, my first thoughts were to work with (jQuery).

    You will first need to look into using Javascript and jQuery with Lay Theme:
    https://laytheme.com/documentation.html#custom-javascript

    Specifically the 'Newpage Event' , Changing the Common jQuery character ' $ " into 'jQuery' & how to run the Script on a specific page or project e.g

    <script> window.laytheme.on("newpageshown", function(layoutObj, type, obj){ if(type == "project" && obj.id == 1){ console.log("fantastic!"); } }); </script>

    Will console Log "fantastic" ' If ' the user is on the project with ID : 1

    Each page or project has a data-type & unique data-id , that can be found in the <head> of your webpage - You can view the HTML structure of a webpage using the Developer Tools within a browser:
    https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

    I will be using this Stackoverflow thread as reference:
    https://stackoverflow.com/questions/554273/changing-the-image-source-using-jquery

    Within you videos HTML structure you will see an <img> element like this, with a src path linking to your saved custom icon file:

    <img class="html5video-customplayicon" src="http://www.aleksandartodorovic.com/media/play-button-large.png">

    We can use jQuery to redefine the src path to a different image if you wish. When viewing your Media Library clicking on an image will show you some more information about that image - At the bottom is the 'FILE URL' info - we can copy that and use it.

    Screen Shot 2021-03-23 at 7.55.24 PM.png

    This Code:

    jQuery(".html5video-customplayicon").attr("src","https://yourdomain.com/wp-content/uploads/2021/03/PngItem_2100439-1.png");

    jQuery > Find me element with 'class' html5video-customplayicon

    Find the 'src' attribute 'attr'

    Define new 'src' attribute

    You will need to put the url path of your choice in.
    And using the earlier 'If' project and id etc

    Hope this helps Aleks & have a wonderful day, Thank you for using Lay Theme! :)

    Sincerely
    Richard

  • Menu appearance changes when clicking on it.

    3
    0 Votes
    3 Posts
    49 Views
    L

    Thank you!

  • Text format doesn't resize when i go mobile

    2
    0 Votes
    2 Posts
    36 Views
    RichardR

    Dear @Theodoros

    This 'Open Call" is an image not text?
    Have you changed it since making this thread?
    Just wish to understand better :)

    Best
    Richard

  • 0 Votes
    2 Posts
    56 Views
    RichardR

    Dear @wardh

    You can use the Following CSS and change it to suit your needs:

    .sitetitle { line-height: 1 !important; }

    This CSS can be added to either > Lay Options > Custom CSS & HTML >

    Or in > Customize > CSS

    Hope this helps @wardh & have a lovely day :)

    Richard

  • laytheme background image is too zoomed in

    2
    0 Votes
    2 Posts
    65 Views
    RichardR

    Dear @Theodoros

    There are two images, one used for Desktop & one for Mobile
    The CSS for the desktop background image is:

    #grid .background-image img{ // insert your code here // }

    And for the Mobile:

    #custom-phone-grid .background-image img{ // insert your code here // }

    Hope this helps @Theodoros :)

    Best
    Richard

  • 0 Votes
    21 Posts
    276 Views
    RichardR

    Dear @NAS

    No worries & best wishes with the website -it looks great :)

    Sincerely
    Richard

  • 0 Votes
    4 Posts
    40 Views
    RichardR

    Thanks @fr ! :)

  • Anchorscroll Space Top

    3
    1 Votes
    3 Posts
    67 Views
    paulstolleP

    Dear @Richard,

    thanks a lot for your answer. I already found those setting deep in the javascript file behind LayTheme. Thought I could adjust things with CSS only but couldn't find any solution … Maybe somebody else could help?

    All the best,
    Paul

  • Overlay Text over the whole project

    4
    0 Votes
    4 Posts
    61 Views
    RichardR

    Dear @daxmann

    Yes this is possible :)
    It could be done using a 'stack' element or you could add the text via <html> in the +more - +html. Then you could add some Custom CSS to style it over the page.

    On the documentation page is some help regarding CSS:
    https://laytheme.com/documentation.html#custom-css-styling

    Or contact me via 'chats' and i can help you as best i can :)

    Talk soon
    Richard

  • Carousel doesn't work

    4
    0 Votes
    4 Posts
    34 Views
    RichardR

    Dear @Violeta

    Have sent you a message via 'chats' :)

    Talk soon
    Richard

  • Disable Logo in Header Menu until you scroll

    7
    0 Votes
    7 Posts
    58 Views
    D

    This is perfect. Thank you so much!

  • mouse roll over colour - custom css

    4
    0 Votes
    4 Posts
    45 Views
    RichardR

    Dear @markHighLow

    No worries :)
    Best wishes for the rest of your project!

    Richard

  • Text fixed moving when loading page

    2
    0 Votes
    2 Posts
    51 Views
    RichardR

    Dear @gridch

    Position:fixed is the correct way to go i think in your case,
    The fixed text being a part of the fullscreen slider, am i correct that it has the id:

    #dalt

    ?

    You will need to test obviously but you could load this CSS command earlier by adding it > Lay Options > Custom CSS & HTML >

    Custom <head> content or Custom HTML at top:

    <style> #dalt { position:fixed !important; } </style>

    Need to test, and see! :)
    Best
    Richard

  • When hover different typography

    2
    0 Votes
    2 Posts
    138 Views
    RichardR

    Dear @gridch

    If you just want 'Interiors' to remain normal you can target it with one of its data attributes :

    [data-title="Interiors"]:hover { font-style: normal !important; }

    Hope this helps & best wishes
    Richard

  • Lay Theme X Woo Commerce

    8
    1 Votes
    8 Posts
    159 Views
    RichardR

    Dear @julia-i

    Armin is still woking hard on it, no big updates to report unfortunately :)

    Best
    Richard

  • This topic is deleted!

    1
    0 Votes
    1 Posts
    3 Views
    No one has replied
  • Intro .svg overlay

    3
    0 Votes
    3 Posts
    84 Views
    Hayo GebauerH

    @Richard
    works! Thanks very much, have a nice day!

  • Altenative Glyphs in Site Title or Categories

    2
    0 Votes
    2 Posts
    27 Views
    RichardR

    Dear @roschki

    It is possible to access Alternate Glyphs -
    This is using a particular 'stylistic set' of a typeface e.g 'ss02' ( stylistic set #2'

    Im pretty sure in this Thread it is discussed :)
    http://laythemeforum.com:4567/topic/917/activate-styllistic-sets

    This thread may also help, unsure
    http://laythemeforum.com:4567/topic/6206/webfont-issue-2-fonts-working-fine-3rd-one-doesn-t

    Hope this helps & best wishes!
    Richard

  • This topic is deleted!

    1
    0 Votes
    1 Posts
    9 Views
    No one has replied
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
M
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com