Skip to content

General Discussion

A place to talk about anything Lay Theme related
4.8k Topics 20.5k Posts
  • LayTheme Update Notification

    3
    0 Votes
    3 Posts
    125 Views
    W
    Dear Richard, thank you very much for your answer! It would be awesome if there is an official solution, I tried to sign in the newsletter but it didn't work (maybe inactive). But in the meantime I will look for an WP Plugin. Thanks for the support!
  • Menu style

    2
    0 Votes
    2 Posts
    74 Views
    RichardR
    Dear @gridch What aspect of this Menu in particular do you wish, that when you hover the other menu items appear? Best Richard
  • STICKY ELEMENTS

    5
    1 Votes
    5 Posts
    172 Views
    RichardR
    Dear @egorkraft There is no implemented sticky option just yet but a look in the right direction if i can help in any way. This will require a basic understanding of CSS: https://laytheme.com/documentation.html#custom-css-styling & you may wish to use Developer tools to help you as well: https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools The Custom CSS you would be adding in 'Lay Options - Custom CSS & HTML" :[image: 1604347856596-screen-shot-2020-09-14-at-2.51.54-pm-resized.png] Some links into 'sticky' CSS: https://www.w3schools.com/howto/howto_css_sticky_element.asp https://medium.com/@elad/css-position-sticky-how-it-really-works-54cd01dc2d46 Additionally check out this thread: http://laythemeforum.com/topic/3877/placing-sticky-element-in-the-gridder/15 Best of Luck and apologies that 'sticky' isn't in yet, Armin is working really hard on Woocommerce implementation right now, And as always thank you for being a Lay Theme user and keeping focus on topics like these :) Have a wonderful day & best wishes Richard
  • laytheme + polylang

    3
    0 Votes
    3 Posts
    184 Views
    M
    Hey @mariusjopen, sorry to answer on this old post. Can you recommend a SEO Plugin for qTranslate (XT) at the moment? Rank Math and Yoast doesn't work. "All In One SEO" makes a strange, dirty mix of two languages. Thanks & best, Markus
  • HELP: Swap Images on Hover JS plugin

    3
    4
    0 Votes
    3 Posts
    113 Views
    L
    Hey @Richard-Keith , It was actually "1" I changed it but still doesn't work. Here's a link to my website : https://www.leamarque.fr/ - and the images in question are the first three on the page Thank you for your help :)
  • Placing sticky element in the gridder

    15
    0 Votes
    15 Posts
    1k Views
    E
    @koliveros Hi! How's your progress? Have you managed to get a way to do it? Thanks
  • This topic is deleted!

    1
    0 Votes
    1 Posts
    2 Views
    No one has replied
  • Mobile version not shown one phone

    5
    1
    0 Votes
    5 Posts
    66 Views
    arminunruhA
    Please always first try the things mentioned above in the text. [image: 1604062831336-screenshot-2020-10-30-at-14.00.21.png] simply disabling your caching plugin did the job
  • Site title image covers menu point

    mobile menu site title menu item
    2
    0 Votes
    2 Posts
    204 Views
    RichardR
    Dear @sead_m I believe this is very possible :) Could you please post a link to your website with the issue in question and i can take a better look! Have a great day and thank you for using Lay Theme Sincerely Richard
  • Multiple anchor points smooth scroll and issue at top

    4
    0 Votes
    4 Posts
    596 Views
    RichardR
    Dear Victor @victor Am i correct that your issue lies with scrolling upwards in general on your page, and you have created another thread on this? Best :) Richard
  • Random color mouseover

    2
    0 Votes
    2 Posts
    396 Views
    RichardR
    Dear Ana @banana It is possible :) This will require some basic knowledge of Javascript/jQuery: https://laytheme.com/documentation.html#custom-javascript Which you would be adding into the Custom <head> content within "Lay Option - Custom CSS & HTML" : [image: 1603823370702-screen-shot-2020-09-14-at-2.51.54-pm-resized.png] Add the following code and it will target all the Links on your page <a> on hover they will be a random colour: <script> window.laytheme.on("newpageshown", function(layoutObj, type, obj){ var origColor = jQuery("a").css("color"); jQuery( "a" ).mouseover(function() { jQuery(this).css("color",getRandomColor()); }); jQuery( "a" ).mouseout(function() { jQuery(this).css("color", origColor); }); function getRandomColor () { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } }); </script> In this Code there are 3 jQuery( "a" ) You can change the 'a' to target what text you wish within your webpage. To do so we can use the Google Inspect tool: https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools Right click on the element you wish to be a random colour and choose 'inspect'. [image: 1603824295167-screen-shot-2020-10-27-at-11.14.07-am-resized.png] This will bring up a list of attributes associated with the element, for example here this menu text i have: [image: 1603824171527-screen-shot-2020-10-27-at-7.42.01-pm.png] it has a class called: .menu-item-67 I could change the jQuery( "a" ) to: jQuery( ".menu-item-67" ) And now this particular menu item would be a random colour on hover. I hope this helps you Ana and have a wonderful day, thank you for using Lay Theme and Good Luck! :) Best Richard
  • Custom Gridder-width, for different pages

    2
    0 Votes
    2 Posts
    108 Views
    RichardR
    Dear @Henning Q 1: "i dont want the gridder to be 50% on every page of the website. is this possible and if yes how?" A: Yes :) Every page has its own set of attributes that we can use to target it specifically. So we can set up the CSS so that it only applies to the page you desire. Using the 'Inspect' tool within google Chrome i can look at the structure of a webpage ( right-click on page ) : [image: 1603793887623-screen-shot-2020-10-27-at-11.14.07-am-resized.png] And up the top of the structure in the opening <body> tag i can see some important information: [image: 1603793953654-screen-shot-2020-10-27-at-11.14.19-am.png] A class called: .slug-work And a data slug called: [data-slug="work"] These are unique attributes to this page which we can use, so for example you could: .slug-work .grid{ float: left; width: 50%; background: blue; height: 100%; overflow: scroll; height: 100vh; } Etc :) Q 2: "if I want the split screen elements to be under each other for the mobile version, do i simply move my custom css to »Custom CSS for Desktop Version" A: Yes You could go about this customisation by only applying it to the Desktop Version's Custom CSS and then the Mobile would remain standard I hope this helps and best wishes, have a wonderful day Richard :)
  • Carouseul Captions to the right of images

    7
    2
    0 Votes
    7 Posts
    428 Views
    N
    Hello Richard, Actually no I didn't take the captions down ! It's just that for it to appear you have to resize the browser window... I don't know why, I think the script is taken into account only when the browser change size... Or maybe the picture load before the script ? www.melanie-lefebvre.com/2015-2 If you have an idea about that ? And then there is the problem with the captions not corresponding to the image. I have to change the css this way (left:250%) to make it work, but the left position is related to the number of images, so if I add another one, I will need to change the percentage, which is not a very handy solution... : .lay-carousel-sink-parent { position: absolute; top: 50%; left: 250%; bottom: auto; transform:translate(-50%, -50%); } Thank you for your help !
  • How can I change the font size in a drop down menu?

    18
    0 Votes
    18 Posts
    691 Views
    N
    thanks a lot! :)
  • Carousel - Vimeo embedding

    2
    0 Votes
    2 Posts
    90 Views
    RichardR
    Dear @rs Thank you for bringing this question to light, Currently there is no date for vimeo embedding as Armin is working hard on Woocommerce Integration, however i would be happy to add this to the development notes for future discussion. I know this is relevant given artists & filmmakers use Lay Theme to show content :) Thank you for any patience surrounding this topic and for using Lay Theme. If you have any more questions please feel free to ask. Best wishes Richard
  • Slow Site

    5
    0 Votes
    5 Posts
    364 Views
    K
    @goetz Your's isn't slow at all :) Can't reproduce !
  • image-pdf for download

    5
    0 Votes
    5 Posts
    241 Views
    K
    You can try implement that one: https://printjs.crabbly.com Haven't tried out so far :)
  • Carousel Horizontal alignment for slides with images and text

    6
    5
    0 Votes
    6 Posts
    267 Views
    D
    Hi @Richard-Keith, I'm really sorry for the misunderstanding, It's actually very simple what I want to achieve: the image slide: [image: 1603105392816-whatsapp-image-2020-10-19-at-12.50.44.jpeg] the text slide: [image: 1603105441438-whatsapp-image-2020-10-19-at-12.51.13.jpeg] with this settings: [image: 1603105651354-whatsapp-image-2020-10-19-at-12.52.09.jpeg] The problem arises when I change the Slides Width setting from AUTO to 90%, because when it is on auto the width of the slide text is not the same size as the image, and that's what I currently want to achieve. Try to change the settings yourself and see that the images align to the left, even if the setting Centered Slides is on. Another strange behavior is that images disappear from the edges even if the Show Multiple Slides setting is on.
  • hover effect

    3
    0 Votes
    3 Posts
    113 Views
    arminunruhA
    hey @dingdong please try and use chrome's web inspector and look for the hover effect using the inspector
  • This topic is deleted!

    1
    0 Votes
    1 Posts
    4 Views
    No one has replied

I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com

Our Web Development company: 100k.studio

Want to tip me? https://www.paypal.com/paypalme/arminunruh

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
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com